如何在three.js中将文本附加到多维数据集的顶点？此外，我可以在多维数据集内的任何位置添加文本吗？

Question

我正在尝试使用three.js为项目创建一个多维数据集。我需要在顶点和立方体内的不同点添加文本。知道如何做到这一点？

Answer 1

有关在Three.js中使用Sprite对象的一些基本代码示例，请查看：

http://stemkoski.github.com/Three.js/Sprites.html

要想轻松创建包含要用作精灵纹理的文本的图像，请查看以下示例代码：

http://stemkoski.github.com/Three.js/Texture-From-Canvas.html

我认为这两种想法的结合将实现您的目标。

Answer 2

如果您想要标签式文本，以便文本从特定点开始，但始终使用相机定向并且无论相机位置如何都可以轻松读取，您可以使用精灵。 （画布创建的文本标签精灵的例子：http://i.imgur.com/e9I68xD.jpg - 这里它们是在一个单独的传递中渲染的，它们永远不会被场景遮挡，但你可以在同一个传递中完成它）

如果这就是你要找的东西，我建议先检查Sprites的例子，并学会将一些静态图像作为精灵附加到场景中的正确位置。完成后，修改代码，以便使用标准Javascript Canvas函数生成文本到图像画布，并将该图像用作精灵。