WebGL 兼容性检查

尽管这个问题越来越少见,但某些设备或浏览器可能仍然不支持 WebGL 2。以下方法可以检测是否支持 WebGL 2,并在不支持时向用户显示提示信息。请导入 WebGL 支持检测模块,并在渲染任何内容之前运行以下代码。

import WebGL from 'three/addons/capabilities/WebGL.js';

if ( WebGL.isWebGL2Available() ) {

  // 在此处调用初始化函数或执行其他初始化操作
  animate();

} else {

  const warning = WebGL.getWebGL2ErrorMessage();
  document.getElementById( 'container' ).appendChild( warning );

}