6

我正在尝试创建一个管子以及与该管子交互的能力,例如拖动鼠标以更改管子的起点/终点。为此,我直接修改顶点位置值,我想更新场景中的对象

但是,我遇到了我正在使用的管对象的问题:当我更新路径点时,网格对象不会在屏幕上更新,所以在它创建后我似乎无法修改它。

我的 3d 对象创建大致是这样的:

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);    

当我想更新积分时。我这样做是这样的:

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;

但是,当我进行更改时,对象似乎没有在屏幕上更新。可以用 Tube 做到这一点吗?

4

1 回答 1

5

您只提供了代码片段,但您可能需要

geometry.verticesNeedUpdate = true;

geometry.dynamic = true;

您可以在 Three.js wiki 中找到更多关于如何使用 .js 更新内容的详细信息和示例WebGLRenderer

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

于 2012-09-10T13:28:24.647 回答