Добавьте точки щелчка 2D-изображения на 3D-модель с помощью ThreeJS

Question

Как мне выполнить следующие действия: 1. разместить значки 2D-изображений (например, знак плюс) в различных местах 3D-модели 2. прикрепить события кликов к этим значкам

когда пользователь нажимает эти значки Я хочу показать всплывающее окно с текстом / изображением.

Как мне это сделать.

Answer 1

Я бы использовал THREE.Sprite's как значки. Вы можете расположить спрайты по указанным координатам на модели с помощью sprite.position.set(x,y,z). Вы можете добавить изображение в качестве текстуры, используя THREE.SpriteMaterial. https://threejs.org/docs/#api / ru / materials / SpriteMaterial

В этом примере показано, как с помощью raycaster найти спрайт, над которым наведена мышь, вы можете добавить собственное событие mousedown. https://threejs.org/examples/?q=rayca#webgl_raycast_sprite