自訂 Three.js 背景
Three.js 開發人員經常遇到調整場景預設為黑色背景的問題。這可以透過更改 Three.js 框架內的特定設定來實現。
一種方法涉及修改 Three.js初始化函數中的以下行:
// Initial Default: renderer.setClearColorHex( 0x000000, 1 );
將背景改為白色,使用以下程式碼:
// Change to White: renderer.setClearColorHex( 0xffffff, 1 );
已更新解:
根據HdN8,更新的方法是:
renderer.setClearColor( 0xffffff, 0 );
其他注意事項:
啟用背景透明度,將WebGLRenderer建構子中的alpha值設為true:
var renderer = new THREE.WebGLRenderer({ alpha: true });
替代方法(r78 ):
根據 Mr.doob 的建議,設定場景背景顏色的替代方法:
var scene = new THREE.Scene(); // Initialize scene scene.background = new THREE.Color( 0xff0000 ); // Set background to red
以上是如何更改 Three.js 場景中的背景顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!