如何创建在三维查看器中单击模型时显示的名称标签?

时间:2013-02-21 16:10:49

标签: javascript three.js webgl

我使用three.js将单独的STL结构加载到我的3-D查看器中,我希望能够在我的3-D查看器中单击各个结构,并且对于该特定结构,名称标签出现在MarchClick或onMouseOver上。

我认为它与该特定对象的坐标点有关,或者可能只是该对象的总表面积,然后使用onMouseClick eventHandler创建一个窗口,但我不确定。

我可以看一下样本或开源代码吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

检查示例文件夹中的任何碰撞检测示例。可能webgl_interactive_cubes.html就是你所追求的: http://mrdoob.github.com/three.js/examples/webgl_interactive_cubes.html

这将告诉您如何找到鼠标后面的元素。

我还写了一篇关于使用three.js挑选对象的教程,如果你想更多地了解这个东西是如何工作的: http://soledadpenades.com/articles/three-js-tutorials/object-picking/

然后 - 你已经知道鼠标来自鼠标移动或鼠标点击事件 - 只需创建一个跨度或类似的东西,然后用css的left和top属性将它放在那个位置,例如