在運行時使用 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 模型中，但還有其他幾種方法可以執行此操作。