我使用three.js 将单个STL 结构加载到我的3-D 查看器中,并且我希望能够在我的3-D 查看器中单击单个结构,并且该特定结构的名称标签出现在onMouseClick 或onMouseOver 上。
我认为它与该特定对象的坐标点有关,或者可能只是该对象的总表面积,然后使用 onMouseClick eventHandler 创建一个窗口,但我不确定。
有没有我可以看的示例或开源代码?
谢谢!!
我使用three.js 将单个STL 结构加载到我的3-D 查看器中,并且我希望能够在我的3-D 查看器中单击单个结构,并且该特定结构的名称标签出现在onMouseClick 或onMouseOver 上。
我认为它与该特定对象的坐标点有关,或者可能只是该对象的总表面积,然后使用 onMouseClick eventHandler 创建一个窗口,但我不确定。
有没有我可以看的示例或开源代码?
谢谢!!
检查示例文件夹中的任何碰撞检测示例。可能 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/
然后——你已经知道鼠标在 mousemove 或 mouseclick 事件中的位置——只需创建一个 span 或类似的东西,并使用 css 的 left 和 top 属性将它放在那个位置,例如