Comment puis-je changer la couleur d'arrière-plan dans ma scène Three.js ?

Personnalisation de l'arrière-plan Three.js

Les développeurs Three.js rencontrent souvent le problème d'ajuster l'arrière-plan noir par défaut de leurs scènes. Ceci peut être réalisé en modifiant des paramètres spécifiques dans le framework Three.js.

Une méthode consiste à modifier la ligne suivante dans la fonction d'initialisation three.js :

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

Pour changer l'arrière-plan en blanc, utilisez le code suivant :

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

Mise à jour Solution :

Selon HdN8, la méthode mise à jour est :

renderer.setClearColor( 0xffffff, 0 );

Considérations supplémentaires :

Pour activer la transparence en arrière-plan , définissez la valeur alpha dans le constructeur WebGLRenderer sur true :

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

Méthode alternative (r78) :

Comme suggéré par Mr.doob, une méthode alternative pour définir la couleur d'arrière-plan de la scène :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!