2D gui on threejs renderer

Question

У меня возникла проблема создания 2d gui на рендерере. 2-й гий должен располагаться динамически в соответствии с шириной элементов, которая нарисована в три раза (элемент имеет ширину X, используя три блока), меню должно быть расположено на 50 пикселей справа справа от него и т. Д.).

Есть ли способ достичь этого? Рисование непосредственно на рендерере с использованием спрайтов или с использованием элементов DOM?

Answer 1

Да, используя элементы DOM, это единственный способ (спрайты используют изображения AFAIK), если вам не нужно перемещать свои элементы в 3D, что потребует рендерера css.

• Если геометрия вашего объекта еще имеет свойство width затем использовать его

• В противном случае вычислить рамку, чтобы получить его;

Тогда вам просто нужно найти хороший коэффициент умножения для преобразования этого значения в пиксели, чтобы соответствовать вашему макету