問題が少なくなってきたとはいえ、端末やブラウザによってはWebGLに対応していない場合があります。以下の方法で、ブラウザがWebGLをサポートしているかどうかを確認し、サポートされていない場合はユーザーにメッセージを表示することができます。 WebGL サポート検出モジュールをインポートし、レンダリングを試みる前に以下を実行します。
import WebGL from 'three/addons/capabilities/WebGL.js';
if ( WebGL.isWebGL2Available() ) {
// Initiate function or other initializations here
animate();
} else {
const warning = WebGL.getWebGL2ErrorMessage();
document.getElementById( 'container' ).appendChild( warning );
}