我使用three.js将单独的STL结构加载到我的3-D查看器中,我希望能够在我的3-D查看器中单击各个结构,并且对于该特定结构,名称标签出现在MarchClick或onMouseOver上。
我认为它与该特定对象的坐标点有关,或者可能只是该对象的总表面积,然后使用onMouseClick eventHandler创建一个窗口,但我不确定。
我可以看一下样本或开源代码吗?
谢谢!
答案 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属性将它放在那个位置,例如