Three.js: 如果未检测到 webgl，如何杀死 three.js？

Question

我看过其他关于如何在未检测到 webgl 时回退到 canvasrenderer 的帖子。

renderer = Detector.webgl? new THREE.WebGLRenderer(): new THREE.CanvasRenderer();

如果未检测到 webgl，如果我希望整个事情消失，我不知道从哪里开始。我的 webgl 后面有一张图片，我宁愿显示它也不愿显示空的 div 我保留我的 three.js 脚本。

这是相关脚本的 jsfiddle：https://jsfiddle.net/nballiett/kkxo8kc5/3/

如果这是一个简单回答的问题，我很抱歉，我对此有点陌生。

Answer 1

您使用 Detector 检查 webGL 是否可用，如果可用则调用 init() 否则调用其他 JavaScript:

if ( Detector.webgl ) {
  init();
  animate();
} else {
  // no webGL
  // do something
}

更新您的 jsfiddle：https://jsfiddle.net/kkxo8kc5/4/