three.js の背景を透明または特定の色にするにはどうすればよいですか?

three.js の透明またはカラフルな背景

three.js ユーザーの多くは、デフォルトの黒いキャンバスの背景を経験し、それをカスタマイズしたいと考えています。背景を変更して透明にしたり、色を変更したりする方法は次のとおりです。

three.js 初期化関数には、次のような行があります。

renderer.setClearColorHex(0x000000, 1);

To make背景を透明にするには、16 進値を次のように変更するだけです:

renderer.setClearColorHex(0xffffff, 1);

または、特定の色を設定するには、 0xffffff に希望のカラー コードを付けます:

renderer.setClearColorHex(0xff0000, 1); // Red background

しかし、待ってください。それだけではありません。次のように、レンダラがアルファ パラメータを使用していることを確認する必要がある場合もあります。

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

これにより、背景の透明度が確保されます。

これで完了です。 three.js コードの setClearColorHex 関数を微調整することで、キャンバスの透明または色付きの背景を簡単に作成できるようになりました。自由にさまざまな色を試して、プロジェクトに最適なものを見つけてください。

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