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

Personnalisation de la couleur d'arrière-plan de Three.js

Si vous avez rencontré des problèmes pour définir un arrière-plan transparent ou coloré dans Three.js, le noir par défaut peut être frustrant. Pour remédier à ce problème, examinez les solutions suivantes :

Solution

La racine du problème provient de JavaScript et peut être résolue en modifiant la valeur de couleur claire du moteur de rendu. .

Par exemple, coder dans une fonction d'initialisation Three.js comme :

renderer.setClearColorHex(0x000000, 1);

Devrait être ajusté à :

renderer.setClearColorHex(0xffffff, 1);

Ou, pour une solution mise à jour :

renderer.setClearColor(0xffffff, 0);

Pour permettre la transparence, utilisez le code suivant lors de la création d'une instance WebGLRenderer :

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

De plus, à partir de r78, les couleurs d'arrière-plan peuvent être définies en utilisant :

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

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!