javascript - three.js 旋转面向对象

Question

我从事矢量工作已经 13 年了，但我仍在为 three.js 处理事情的方式而苦苦挣扎。所以我喜欢做的事情最好用一个始终面向相机并且当然会旋转的风扇来描述。

这就是我用另一种语言实现这一目标的方法:

// Create a vector facing in camera direction.
temp.x = 0;
temp.y = 1;
temp.z = 0;
vec_rotate(temp, camera.pan);

// Apply vector direction to scene object.
vec_to_angle(entity.pan, temp);

// Rotate scene object's angle around another angle / imaginary line from camera to object.
ang_rotate(
    entity.pan, 
    vector(random(360), 0, 0)
);

因此，在应用 entity.lookAt(camera.position) 之后，我缺少基于当前 Angular Angular 旋转(示例的最后一个函数调用)。

Answer 1

风扇建模的一种方法是这样的:

var fan = new THREE.Mesh( ... );

var pivot = new THREE.Object3D();
scene.add( pivot );
pivot.lookAt( camera.position );

pivot.add( fan );

然后在动画循环中(假设扇形网格默认面向正 z 轴)，

fan.rotation.z += 0.01;

three.js r.68