1+ Создание куба указанием мыши. Точка, в которой создаётся примитив, является пересечением курсора и одной из плоскостей, проходящих по осям координат. Пересечение определяется Raycaster. Изменение размера примитива осуществляется изменением размера на 0.1 при движении мыши. TODO: сделать так, чтобы примитив растягивался за указателем мыши. 1+
Читать далее1+ Чтобы лучше ориентироваться в пространстве я решил добавить координаты в точке, которая является проекцией курсора из камеры на координатные плоскости. Реализовано с помощью Raycaster. По осям добавлены невидимые плоскости, пересечение с которыми фиксируется. Из точки пересечения нарисовал пунктирные линии и повесил label с указанием координат. Для label запустил второй рендер CSS2DRenderer. Он рендерится поверх канваса, поэтому теперь события нужно отлавливать на нем, а не на канвасе, например 1+
Читать далее1+ Итак, начнем. Подключил библиотеку three.js, создал пустую сцену, добавил OrbitControls для вращения камеры, добавил сетку из хелперов библиотеки.Набросал примерно интерфейс как я его себе представлял. По плану левая панель будет иметь возможность прятаться.Добавил стандартные функции создания примитивов куба и шара. Создаются при нажатии на соответствующие кнопки в центре координат (что меня не устраивает). TODO: сделать так, чтобы создание примитива осуществлялось в указанной точке. Для начала привязка подразумевается к главным плоскостям координатной сетки. 1+
Читать далее1+ В этом блоге я буду выкладывать процесс создания 3d-редактора/игрового движка для браузера с использованием библиотеки three.js. Цель проекта — изучение программирования на языке JavaScript, приобретение необходимых навыков, отработка применения сопутствующих инструментов.Исходный код: https://github.com/Dragon3DGraff/TertiusAxisРедактор: https://dragon3dgraff.ru/TertiusAxis/ 1+
Читать далее
