Wie kann ich dreidimensionale Objektdimensionen in ThreeJS erhalten?

Question

Ich entwickle eine AR-Anwendung mit WebRTC (Webcam-Zugriff), JSARToolKit (Marker-Erkennung) und threeJS (3D-Bibliothek).

Ich möchte 3D-Objekte (exportiert von Maya mit Threejs Maya-Exporteur) in der Mitte des erkannten Markers platzieren.

Dies ist der Code, wo ich das 3D-Objekt laden JSONLoader mit:

// load the model 
var loader = new THREE.JSONLoader; 
var object; 
//var geometry = new THREE.BoxGeometry(1, 1, 1); 
loader.load('js/cube.js', function(geometry, materials){ 
var material = new THREE.MeshFaceMaterial(materials); 
object = new THREE.Mesh(geometry, material); 

object.position.x -= ***3DobjectWidth/2***; 
object.position.y -= ***3DobjectHeight/2***; 
object.position.z -= ***3DobjectDepth/2***; 

scene.add(object); 
}); 

Ich brauche Breite, Höhe und Tiefe des Objekts zu erhalten, seine Position zu ändern (siehe 3DobjectWidth ecc).

Irgendwelche Vorschläge?

Answer 1

Die Objektgröße wird auf geometry.boundingBox gesetzt. Aber es muss einmal erzeugt werden.

versuchen Sie dies.

Answer 2

Geometrie hat eine .center() -Methode. Dies ist möglicherweise effizienter und einfacher, wenn Sie viele Netze basierend auf derselben Geometrie zentrieren müssen. Es ruft auch computeBoundingBox für Sie auf.