Wie kann ich die Hintergrundfarbe in Three.js ändern?

Anpassen der Three.js-Hintergrundfarbe

Wenn Sie auf Probleme beim Festlegen eines transparenten oder farbigen Hintergrunds in Three.js gestoßen sind, Der schwarze Standard kann frustrierend sein. Um dies zu beheben, schauen Sie sich die folgenden Lösungen an:

Lösung

Die Ursache des Problems liegt in JavaScript und kann durch Ändern des Klarfarbwerts des Renderers behoben werden .

Zum Beispiel Code innerhalb einer Three.js-Initialisierungsfunktion wie:

renderer.setClearColorHex(0x000000, 1);

Sollte angepasst werden an:

renderer.setClearColorHex(0xffffff, 1);

Oder für eine aktualisierte Lösung:

renderer.setClearColor(0xffffff, 0);

Um Transparenz zu gewährleisten, verwenden Sie den folgenden Code beim Erstellen einer WebGLRenderer-Instanz:

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

Zusätzlich können ab r78 Hintergrundfarben festgelegt werden mit:

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

Das obige ist der detaillierte Inhalt vonWie kann ich die Hintergrundfarbe in Three.js ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!