Bagaimanakah Saya Boleh Jadikan Latar Belakang Three.js Saya Lutsinar atau Warna Tersuai?

Latar Belakang Three.js Lutsinar atau Berwarna-warni: Penyelesaian

Secara lalai, latar belakang kanvas Three.js dipaparkan dalam warna hitam. Walau bagaimanapun, anda mungkin menginginkan latar belakang warna telus atau tersuai untuk meningkatkan visualisasi anda. Jika percubaan anda untuk menukar latar belakang tidak berjaya, artikel ini meneroka penyelesaiannya.

Masalahnya

Seperti yang diterangkan oleh pengguna, menetapkan warna latar belakang menggunakan kelegapan CSS dan sifat latar belakang tidak mempunyai kesan pada kanvas. Ini kerana latar belakang hitam dipaparkan oleh Three.js sendiri.

Penyelesaian

Penyelesaian terletak pada memanipulasi tetapan berikut dalam kod Three.js anda:

renderer.setClearColorHex(0x000000, 1);

Untuk mencapai latar belakang lutsinar, tukar baris di atas kepada:

renderer.setClearColor(0xffffff, 0);

Walau bagaimanapun, perubahan ini hanya memastikan ketelusan; adegan anda tidak akan kelihatan. Untuk memaparkan pemandangan anda dengan latar belakang lutsinar, anda perlu menggunakan WebGLRenderer dengan sifat alfa ditetapkan kepada benar:

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

Untuk latar belakang warna tersuai, anda boleh menggunakan kod berikut:

renderer.setClearColorHex(0xff0000, 1);

Sebagai alternatif, anda boleh menetapkan warna latar belakang sebagai TIGA. Objek warna:

var scene = new THREE.Scene(); // Initializing the scene
scene.background = new THREE.Color(0xff0000);

Dengan melaksanakan ini perubahan, anda kini boleh mengawal latar belakang visualisasi Three.js anda, sama ada ia lutsinar atau sebarang warna yang dikehendaki.

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