Three.js で背景色を変更するにはどうすればよいですか?

Three.js の背景色のカスタマイズ

Three.js で透明または色付きの背景を設定するときに問題が発生した場合は、黒のデフォルトはイライラするかもしれません。これを修正するには、次の解決策を詳しく調べてください:

解決策

問題の根本は JavaScript に起因しており、レンダラーのクリア カラー値を変更することで解決できます。 .

たとえば、Three.js 初期化関数内のコード例:

renderer.setClearColorHex(0x000000, 1);

次のように調整する必要があります:

renderer.setClearColorHex(0xffffff, 1);

または、更新されたソリューションの場合:

renderer.setClearColor(0xffffff, 0);

透明性を確保するには、次のコードを利用します。 WebGLRenderer インスタンスを作成するとき:

var renderer = new THREE.WebGLRenderer({ alpha: true});

さらに、r78 以降では、背景色を変更できます。次を使用して設定します:

var scene = new THREE.Scene(); // initializing the scene
scene.background = new THREE.Color(0xff0000);

以上がThree.js で背景色を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。