JavaScript: Вывести в браузер glTF модель с иерархией (через Three.js)
Задача
Есть модель этажа здания в формате glTF (вышлю по запросу).
Нужно пользуясь движком Three.js вывести эту модель на страничку (с возможностью мышкой крутить туда-сюда и приближать-отдалять). Слева от модели нужно любым компонентом для отрисовки деревьев нарисовать иерархию этой модели (в файле модели уже содержатся нормальные названия всех объектов и отношения parent-child между ними).
Далее, кликаем на элементе дерева объектов - подсвечивается соответствующий объект в 3D-виде. И наоборот, кликаем на объект на 3D-виде, подсвечивается соответствующий объект в дереве объектов.
Вот как загружать формат glTF в Three.js:
https://github.com/mrdoob/three.js/blob/master/examples/webgl_loader_gltf.html
Как подсвечивать объекты под мышкой:
https://threejs.org/examples/#webgl_interactive_cubes
Вот в этой статье посередине есть код, который позволяет строить иерархию объектов из glTF:
https://threejsfundamentals.org/threejs/lessons/threejs-load-gltf.html
По идее, задача решается в пару-тройку страни...
Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Заявок нет
Оставлять заявки могут только авторизованные пользователи.
JavaScript: Вывести в браузер glTF модель с иерархией (через Three.js)
Реклама
JavaScript: Вывести в браузер glTF модель с иерархией (через Three.js)
Есть модель этажа здания в формате glTF (вышлю по запросу).
Нужно пользуясь движком Three.js вывести эту модель на страничку (с возможностью мышкой крутить туда-сюда и приближать-отдалять). Слева от модели нужно любым компонентом для отрисовки деревьев нарисовать иерархию этой модели (в файле модели уже содержатся нормальные названия всех объектов и отношения parent-child между ними).
Далее, кликаем на элементе дерева объектов - подсвечивается соответствующий объект в 3D-виде. И наоборот, кликаем на объект на 3D-виде, подсвечивается соответствующий объект в дереве объектов.
Вот как загружать формат glTF в Three.js:
https://github.com/mrdoob/three.js/blob/master/examples/webgl_loader_gltf.html
Как подсвечивать объекты под мышкой:
https://threejs.org/examples/#webgl_interactive_cubes
Вот в этой статье посередине есть код, который позволяет строить иерархию объектов из glTF:
https://threejsfundamentals.org/threejs/lessons/threejs-load-gltf.html
По идее, задача решается в пару-тройку страни...
Другие открытые задания:
Внести коррективы на сайт (MODx Revo)10 000 р.
Бюджет: 10 000 р. Задача Сайт на MODx Revo. Надо внести некоторые правки. Сделать надо сегодня/завтра, в ближайшие дни. Пишите, если готовы сразу взять за работу. Если "сд…
Ведение социальных сетей медицинского центра30 000 р.
Бюджет: 30 000 р. Требуется человек для ведения на постоянной основе социальных сетей медицинского центра. Опыт работы по медицинской тематике обязателен.
Поправить модуль фильтра товаров1 500 р.
Бюджет: 1 500 р. 1. Поиск не ищет если выбрано количество 25-25 шт. Нужно чтобы тогда искал с количество 25 штук. 2. Если применяем фильтр, то на 1 странице показывается меньше тов…
поиск заданий