如何将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