Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!
3 000 ₽

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

По идее, задача решается в пару-тройку страничек кода, если вы раньше с Three.js работали.

Срок выполнения - 3 дня.


  1.  фрилансер больше не работает на сервисе
  2.  4 дня 2 999 ₽
    Александр
    Александр Алексеев
    181     1  0

    Здравствуйте, я с Tree.js знаком больше пол года, и уже делал такие вещи.

    Могу взяться за ваш заказ

    Россия Россия | 13 октября 2019 |
  3.  3 дня 3 000 ₽
    Тимофей
    Тимофей Лазарев
    167   

    Здравствуйте, спасибо вам столь детальное описание заказа, у меня был уже опыт работы со скриптингом js и будет интересно заняться вашим проектом. Готов к дальнейшему обсуждению вашего задания

    Россия Самара | 13 октября 2019 |
  4.  3 дня 3 000 ₽
    Сергей
    Сергей Перетягин
    109   

    Здравствуйте сделаю быстро и недорого работаю на портфолио. Опыт работы имеется.

    Россия Россия | 14 октября 2019 |
  5.  3 дня 3 000 ₽
    Надежда
    Надежда Яновская
    386     3  0

    Если еще актуально - обращайтесь, будет сделано в лучшем виде :)

    Украина Киев | 16 октября 2019 |
  6.  3 дня 3 000 ₽
    Дмитрий
    Дмитрий Беляев
    186     0  1

    Доброго время суток.
    Сделаю работу в лучшем качестве.

    Telegram @Jinnnee

    Россия Саратов | 22 октября 2019 |