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

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 サイトの他の関連記事を参照してください。