如何将Label添加到THREE.Mesh？

Question

目标是在将鼠标悬停在网格上时将Three.Mesh名称显示为标签.我们如何在Three.js中做到这一点

有人可以提供示例代码吗？

Answer 1

接受挑战!

工作代码示例位于:http: //stemkoski.github.com/Three.js/Mouse-Tooltip.html

这个目标似乎有三个主要步骤,每个步骤都涉及到较小的示例程序.

(1)确定鼠标指向哪个场景元素.请参阅:http://stemkoski.github.com/Three.js/Mouse-Over.html

(2)将要显示的文本渲染为图像(我使用了canvas元素).请参阅:http://stemkoski.github.com/Three.js/Texture-From-Canvas.html

(3)在鼠标指针的位置绘制包含部分(2)的图像的精灵.请参阅:http://stemkoski.github.com/Three.js/Mouse-Sprite.html

所有这些示例(以及更多)都是我在http://stemkoski.github.com/Three.js/上不断增加的介绍性示例(详细注释)的一部分,其中我试图展示Three.js的可能性.在一系列最小的例子中.

此外,它应归功于:第(1)和(3)部分是基于他的github页面上的一些MrDoob示例,特别是交互式多维数据集示例:http://mrdoob.github.com/three.js/examples/webgl_interactive_cubes html的