[name]

問題が少なくなってきたとはいえ、端末やブラウザによってはWebGLに対応していない場合があります。以下の方法で、ブラウザがWebGLをサポートしているかどうかを確認し、サポートされていない場合はユーザーにメッセージを表示することができます。 WebGL サポート検出モジュールをインポートし、レンダリングを試みる前に以下を実行します。

import WebGL from 'three/addons/capabilities/WebGL.js'; if ( WebGL.isWebGLAvailable() ) { // Initiate function or other initializations here animate(); } else { const warning = WebGL.getWebGLErrorMessage(); document.getElementById( 'container' ).appendChild( warning ); }