0

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

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

有没有我可以看的示例或开源代码?

谢谢!!

4

1 回答 1

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/

然后——你已经知道鼠标在 mousemove 或 mouseclick 事件中的位置——只需创建一个 span 或类似的东西,并使用 css 的 left 和 top 属性将它放在那个位置,例如

于 2013-02-21T22:22:14.460 回答