旋转相机时旋转文本以面向用户

时间:2013-12-09 12:19:13

标签: three.js

如果你看看我的小提琴:

http://jsfiddle.net/jmg157/Y35cQ/1/

你会看到我在立方体轴上有网格标签。我想做的是每当用户围绕立方体旋转时,文本也会旋转,以便数字始终面向用户。

我尝试了xMarks.rotation = camera.rotation之类的内容,其中xMarks是文本对象,但没有成功。任何建议都将不胜感激。

1 个答案:

答案 0 :(得分:5)

three.js现在是基于四元数的。

要使用THREE.PlaneGeometry创建的文字面向相机,请执行以下操作:

mesh.quaternion = camera.quaternion; // EDIT - see note below

更新了小提琴:http://jsfiddle.net/Y35cQ/2/

另一种方法是使用THREE.Sprite,它始终面向相机。

three.js r.63


编辑 - mesh.quaternion = camera.quaternion;不再有效。您必须改为使用此模式:

mesh.quaternion.copy( camera.quaternion );

three.js r.67