Я создаю 3D-конфигуратор продукта.
Сначала , я загружаю модель .gltf и отображаю ее с помощью Threejs.
Затем , я печатаю svg на холст Fabricjs и использую этот холст для создания THREE.CanvasTexture и обновляю модель этим холстом.
проблема
Я разрешаю людям загружать текст и изображения.Эти изображения добавляются на холст Fabric как новые объекты.Хотя основной svg заблокирован на фоне, эти загруженные изображения можно перетаскивать и изменять их размер на холсте.
Снимок экрана: объект холста
Цель
Итак, моя цель - перетаскивать и изменять размеры слоев Fabricjs, взаимодействующих непосредственно с видимой трехмерной трехмерной моделью, а не с холстом.Поскольку холст отображается: скрыто
Изображение на модели
Я новичок в этом трехмерном мире и не могу найти ни одного примераили руководство, так что я не знаю, с чего начать.Я знаю, что мне придется использовать Raycasting, но я не знаю, как преобразовать точки в правильную точку 2D холста и имитировать действия, связанные с щелчком и перетаскиванием.