Есть ли способ рисовать прямо на модели / текстуре за три js?

Question

Я искал решение этой проблемы для проекта, над которым работаю. Я хотел бы знать, есть ли способ щелкнуть геометрию плоскости и нарисовать на ней, нарисовать стиль и обновить текстуру по мере того, как вы рисуете на ней.

После этого есть способ сохранить эту текстуру в браузере, когда вы ее отредактировали?

Answer 1

Вы можете использовать raycasting, чтобы определить положение UV текстуры, где происходит пересечение мыши. Raycaster.intersectObject возвращает массив объектов, одно из его свойств - .uv. Вы можете увидеть это в действии в этой демонстрации .

Вы можете использовать 2D <canvas> в качестве источника текстуры. Когда у вас есть UV-развертки от пересечения, вы можете использовать это положение для рисования на холсте , как показано в этой другой демонстрации