Wie ändere ich die Farbe mit three.js?

Ich habe Probleme, ich habe den Quellcode für ein einfaches three.js-Projekt heruntergeladen, um mit Spaß zu spielen. Ich versuche, die Farben des Objekts zu ändern, aber beim Ändern des Hex-Codes, Speichern und Aktualisieren des Browsers ändert sich die Farbe NICHT. Jede Hilfe würde sehr geschätzt werden.Wie ändere ich die Farbe mit three.js?

function init() { 

// heeere we go ! 

var blue = new THREE.Color(0x7658ef); 
var pink = new THREE.Color(0xfca4c5); 

var scene = new THREE.Scene(); 
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000); 

var renderer = new THREE.WebGLRenderer({ alpha: true }); 
renderer.setSize(window.innerWidth, window.innerHeight); 
document.body.appendChild(renderer.domElement); 

//THREEx.WindowResize(renderer, camera); 
var shape = []; 
geometry = new THREE.IcosahedronGeometry(2.5,0); 
material = new THREE.MeshNormalMaterial({ color: 0x0000ff }); 
shape[0] = new THREE.Mesh(geometry, material); 
shape[1] = new THREE.Mesh(geometry, material); 
shape[2] = new THREE.Mesh(geometry, material); 
shape[0].position.set(0,5,0); 
shape[1].position.set(0,5,0); 
shape[2].position.set(0,5,0); 
scene.add(shape[0],shape[1],shape[2]); 

var light = new THREE.PointLight(0xfca4c5); 
light.position.set(0,250,0); 
scene.add(light); 

camera.position.set(3,4,10); // x y z 

function render() { 
    requestAnimationFrame(render); 

    shape[0].rotation.x += 0.035; 
    shape[0].rotation.y -= 0.005; 
    shape[1].rotation.y += 0.015; 
    shape[1].rotation.z -= 0.005; 
    shape[2].rotation.z -= 0.025; 
    shape[2].rotation.x += 0.005; 
    renderer.render(scene, camera); 
} 
render();

}

init();

Quelle

2017-06-09 gratschultz2013

, welche Farbe tun, werden Sie zu, was zu ändern? Der Code enthält mehrere Farben. – gaitat

die oberen 2, var pink und var blau. Versucht, beide auf 33cccc und 333333 zu ändern und nichts passierte lol – gratschultz2013

, aber dein 'THREE.MeshNormalMaterial ({color: 0x0000ff});' verwendet ein Blau. Das ist das, was du ändern musst. Diese Variablen werden nirgendwo verwendet (in Ihrem geposteten Code) – gaitat

THREE.Color ist ein Objekt. THREE.Material macht etwas Magie, wenn Sie bestimmte Arten von Argumenten bestimmten Parametern zur Verfügung stellen. Wenn Sie also eine Zeichenfolge oder eine Zahl als Farbe angeben, erstellt drei ein Color-Objekt daraus.

yourMaterial.color instanceof THREE.Color === true

Um es müssen Sie ändern

yourMaterial.color.setRGB(1,0,1)

Quelle

2017-06-09 21:28:39 pailhead

Wie ändere ich die Farbe mit three.js?

Antwort

Verwandte Themen