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

Question

我还看到其他有关如何在未检测到webgl时回退到canvasrenderer的文章。

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

如果不确定是否检测到webgl，我不希望整个事情消失，我不确定从哪里开始。 我的webgl后面有一张图片，我希望显示该图片，而不是将three.js脚本保存在其中的空div。

这是有问题的脚本的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/