Three.js Aktualisierung Mesh von TubeGeometry Objekt

Question

Ich versuche, eine Röhre und die Fähigkeit zu schaffen, mit dieser Röhre interagieren wie Maus ziehen, um den Startpunkt/Endpunkt der Röhre zu ändern .Für, dass ich direkt Vertices Position Werte ändern und Ich möchte Objekt in der Szene aktualisieren

Allerdings habe ich ein Problem mit dem Rohr Objekt, das ich benutze: Wenn ich die Pfadpunkte aktualisieren das Netzobjekt nicht auf dem Bildschirm aktualisiert, so scheint es Ich kann es nicht ändern, nachdem es erstellt wurde.

Mein 3D Objekterstellung ist in etwa wie folgt aus:

var curve = new THREE.SplineCurve3([new THREE.Vector3(x, y, z), new THREE.Vector3(x2, y2, z2)]); 
var geometry = new THREE.TubeGeometry(curve, segments, 2, radiusSegments, closed); 
geometry.dynamic = true; 
var tubeMesh = THREE.SceneUtils.createMultiMaterialObject(geometry, [new THREE.MeshBasicMaterial({color: 0xffffff, opacity: 1, transparent: true})]); 
scene.add(tubeMesh);  

Und wenn ich die Punkte aktualisieren möchten. Ich mache es so:

tubeMesh.children[0].geometry.path.points[0] = new THREE.Vector3(x4, y4, z4)); 
tubeMesh.children[0].geometry.path.points[1] = new THREE.Vector3(x3, y3, z3)); 
tubeMesh.children[0].geometry.verticesNeedUpdate = true; 

Wenn ich jedoch Änderungen mache, scheint das Objekt nicht auf dem Bildschirm zu aktualisieren. Kann man das mit einer Tube machen?

Answer 1

Sie haben zur Verfügung gestellt nur Code-Fragmente, aber Sie müssen wahrscheinlich

geometry.verticesNeedUpdate = true; 

und

geometry.dynamic = true; 

Sie können mehr Details und Beispiele in der Three.js Wiki über finden, wie die Dinge zu aktualisieren mit WebGLRenderer .

https://github.com/mrdoob/three.js/wiki/Updates