在运行时使用 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 模型中，但还有其他几种方法可以执行此操作。