Three.js シーンの背景色を変更するにはどうすればよいですか?-CSSチュートリアル-php.cn

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

Patricia Arquette

リリース： 2024-11-23 21:18:13

オリジナル

611 人が閲覧しました

How Can I Change the Background Color in My Three.js Scene?

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

Three.js 開発者は、シーンのデフォルトの黒の背景を調整するという問題によく遭遇します。これは、Three.js フレームワーク内の特定の設定を変更することで実現できます。

1 つの方法には、three.js 初期化関数の次の行を変更することが含まれます。

// Initial Default:
renderer.setClearColorHex( 0x000000, 1 );

ログイン後にコピー

背景を次のように変更するには白の場合は、次のコードを使用します:

// Change to White:
renderer.setClearColorHex( 0xffffff, 1 );

ログイン後にコピー

更新済み解決策:

HdN8 によると、更新された方法は次のとおりです。

renderer.setClearColor( 0xffffff, 0 );

ログイン後にコピー

追加の考慮事項:

背景の透明度を有効にするには、WebGLRenderer コンストラクターのアルファ値を次のように設定します。 true:

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

ログイン後にコピー

代替方法 (r78 ):

doob 氏が提案した、シーンの背景色を設定するための代替方法:

var scene = new THREE.Scene(); // Initialize scene
scene.background = new THREE.Color( 0xff0000 ); // Set background to red

ログイン後にコピー

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