[使用ThreeJS在3D模型中添加2D图像点击点

Question

我如何执行以下操作：1.将2D图像图标（如加号）放置在3D模型的各个位置上2.在这些图标上附加点击事件

当用户单击这些图标时，我要显示带有文本/图像内容的弹出窗口。

我如何完成此操作。

Answer 1

我将使用THREE.Sprite的图标。您可以使用sprite.position.set(x,y,z)将精灵放置在模型上的指定坐标上。您可以使用THREE.SpriteMaterial将图像添加为纹理。 https://threejs.org/docs/#api/en/materials/SpriteMaterial