Three.js - Einstellung Würfelfarbe?

Question

Ich versuche, ein einfaches 3D-Spiel mit three.js zu erstellen. Ich versuche, farbige Würfel zu erstellen, aber alle Würfel bleiben nur die gleiche Farbe.

Wenn ich einen Würfel erstelle ich tun:

var geometry = new THREE.BoxGeometry(width, height, length); 
var material = new THREE.MeshNormalMaterial({color: hexColor}); 
var cube = new THREE.Mesh(geometry, material); 

(die innerhalb einer Funktion ist)
Dann benutze ich die Funktion zweimal, hexColor sein 0x0000ff (blau) und 0xff0000 (rot). Die Würfel erzeugen zwar, aber alle Flächen der Würfel haben unterschiedliche Farben. Ich habe auch versucht

cube.material.color.setHex(); 

Aber es gibt aus Uncaught Typeerror: kann nicht lesen Eigenschaft ‚setHex‘ undefinierter

Hilfe bitte !!

Answer 1

Ihr Problem ist, dass THREE.MeshNormalMaterial() keine Farbeigenschaft hat. Verwenden Sie stattdessen THREE.MeshBasicMaterial({ color: yourHexColor });.

Wenn Sie das tun, sollte Ihr cube.material.color.setHex(yourHexColor); Aufruf gut funktionieren.

Sie finden alle notwendigen Informationen über die Three.js docs page und, wenn Sie interessiert sind, werfen Sie einen Blick auf die dedizierten examples page.