Wie erhält man die Eckpunktposition nach der Anwendung von translate, root und scale to geometry mit three.js?

Question

Ich habe mit Three.js gespielt.

Was mein Ziel ist es, eine Kurve in der Szene zu erstellen und einige Transformation darauf anwenden. Die Funktion ist die Linie zu erstellen ist:

var random_degree = Math.round(Math.rand() * 180); 
var tmp = [ 
    new THREE.Vector3(-5, 0, 0), 
    new THREE.Vector3(0, 0, 5), 
    new THREE.Vector3(5, 0, 0), 
    new THREE.Vector3(0, 0, -5), 
]; 
var canvasW = window.innerWidth; 
var canvasH = window.innerHeight; 
// so the initial curve is a circle on x-z plain. 

function get_line_geo() { 
    var angle = (random_degree + 1 * 0.25) % 360 * (Math.PI/180); 
    var tx = Math.cos(angle) * canvasW * 0.25; 
    angle = (random_degree + 1 * 0.3) % 360 * (Math.PI/180); 
    var ty = Math.sin(angle) * canvasH * 0.25; 

    var curve = new THREE.CatmullRomCurve3(tmp); 
    curve.closed = true; 

    var geometry = new THREE.Geometry(); 
    geometry.vertices = curve.getPoints(300); 
    console.log(geometry.vertices[0].x + ' ' +geometry.vertices[0].y + ' ' +geometry.vertices[0].z); 
    var material = new THREE.LineBasicMaterial(); 
    var curveObject = new THREE.Line(geometry, material); 
    curveObject.translateX((canvasW - margin * 2)/2 + tx); 
    curveObject.translateY((canvasH - margin * 2)/2 + ty); 
    curveObject.translateZ((canvasH - margin * 2)/2 + ty); 

    curveObject.rotation.x = ((random_degree + 1 * 0.25) % 360) * Math.PI/180; 
    curveObject.rotation.y = ((random_degree + 1 * 0.25) % 360) * Math.PI/180; 
    curveObject.rotation.z = ((random_degree + 1 * 0.25) % 360) * Math.PI/180; 

    curveObject.scale.x = 10; 
    curveObject.scale.y = 10; 
    curveObject.scale.z = 10; 

    console.log(curveObject.geometry.vertices[0].x + ' ' +curveObject.geometry.vertices[0].y + ' ' +curveObject.geometry.vertices[0].z); 

    return curveObject; 
} 

ich die Eckpunkte Positionen geprüft console.log() unter Verwendung sie nicht in der Geometrie Kontext ändern. Gibt es irgendeine Methode, mit der ich die neuen Positionen für diese Knoten berechnen kann?

Answer 1

Sie haben Transformationen nicht auf die Geometrie angewendet. Sie haben Transformationen auf das Objekt angewendet.

Es ist eine gute Idee, den Quellcode der Methoden zu studieren, die Sie verwenden, damit Sie verstehen, was sie tun. Sie werden so viel lernen.

Nach dem Ändern der position, rotation oder scale Eigenschaften des Objekts, müssen Sie

curveObject.updateMatrix(); 

Dann tun dies nennen:

var vector = new THREE.Vector3(); 

vector.copy(curveObject.geometry.vertices[ 0 ]); 

vector.applyMatrix4(curveObject.matrix); 

console.log(vector); 

three.js r.75