Bagaimanakah Saya Boleh Menukar Warna Latar Belakang dalam Adegan Three.js Saya?

Menyesuaikan Latar Belakang Three.js

Pembangun Three.js sering menghadapi isu melaraskan latar belakang hitam lalai adegan mereka. Ini boleh dicapai dengan mengubah tetapan khusus dalam rangka kerja Three.js.

Satu kaedah melibatkan pengubahsuaian baris berikut dalam fungsi permulaan three.js:

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

Untuk menukar latar belakang kepada putih, gunakan kod berikut:

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

Dikemas kini Penyelesaian:

Menurut HdN8, kaedah yang dikemas kini ialah:

renderer.setClearColor( 0xffffff, 0 );

Pertimbangan Tambahan:

Untuk mendayakan ketelusan di latar belakang , tetapkan nilai alfa dalam pembina WebGLRenderer kepada true:

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

Kaedah Alternatif (r78 ):

Seperti yang dicadangkan oleh Mr.doob, kaedah alternatif untuk menetapkan warna latar belakang adegan:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Warna Latar Belakang dalam Adegan Three.js Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!