在运行时使用 Three.js 将文本/图像添加到 Canvas 中呈现的 3D 立方体/模型

Question

我希望允许用户将文本/图像添加到使用画布在 UI 上呈现的 3D 模型（他们想要的任何位置）。他们可以移动文本对象并更新其尺寸。它的交互性很小，因此用户可以对其进行自定义。

只是想了解我们是否可以使用 three.js 来实现，或者该功能将成为仅从搅拌机创建的模型图像的一部分。我尝试了它并且能够渲染图像并且可以访问它的所有网格对象。但我不知道如何开始在运行时将文本/图像添加到模型或three.js。

例如我们可以为其添加自定义文本/图像。并将其移动到任何地方： https://dsign4you.com/3d/

Answer 1

在 THREE.js 中有许多不同的方式来处理文本。这里解释了其中的一堆：

https://threejs.org/docs/?q=textgeometry#manual/en/introduction/Creating-text

列表中的选项 3 是将其构建到 3D 模型中，但还有其他几种方法可以做到这一点。