Dragon3DGraff — Страница 3 — Dragon3DGraff_Blog

Автор: Dragon3DGraff

Отображение координат

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+

Читать далее