2013-02-06 11 views
5

Ich versuche, ein Modell mit Blender mit Three.js erstellt zu verwenden Das Modell ist sehr einfach, zwei Würfel übereinander. Ein Würfel ist rot und der andere ist grün.Materialien in exportierten Blender-Modell für Three.js funktioniert nicht

Ich habe das Modell mit dem Blender Exporteur Plugin von Three.js exportiert Wenn ich ein Material manuell auf das Objekt wie zuweisen:

loader.load("model.js", function (geometry, material) { 

    material = new THREE.MeshBasicMaterial({ color: 0xFF0000 }); 

    mesh = new THREE.Mesh(geometry, material); 

    scene.add(mesh); 

    animate(); 

}); 

es kein Problem ist, da jedoch bei https://googledrive.com/host/0B9t0vRo6sUnzWndDTGxicENIdDg/index.html

angezeigt, wenn Ich entferne die Zeile:

material = new THREE.MeshBasicMaterial({ color: 0xFF0000 }); 

das Material des Modells wird verwendet. Welche erzeugt einen Fehler von Three.js:

TypeError: program is undefined [Break On This Error]

p_uniforms = program.uniforms,

Sie können dies bei https://googledrive.com/host/0B9t0vRo6sUnzWndDTGxicENIdDg/index2.html

selbst sehen

Hat jemand eine Idee haben, was dieses Problem verursachen könnte? Sie können die Blender-Datei unter https://googledrive.com/host/0B9t0vRo6sUnzWndDTGxicENIdDg/model.blend

Antwort

9

einfach herunterladen. Das Material ist ein Array. Sie müssen folgendes tun: die Würfel wurde schwarz

loader.load("model.js", function (geometry, materials) { 

    mesh = new THREE.Mesh(geometry, materials); 

    scene.add(mesh); 

    animate(); 

}); 

three.js r.88

+1

Danke, in meinem Beispiel. Ich musste zuerst Lichter in die Szene einfügen :) –