Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!
3 000 ₽

JavaScript: Вывести в браузер glTF модель с иерархией (через Three.js)

project expired


Есть модель этажа здания в формате 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. 30 days2 999 ₽
    Дмитрий
    Дмитрий Гольд
    640     9  0

    Добрый вечер, Константин! Меня заинтересовал Ваш проект. Я готов немедленно за него взяться. Подробности можем обговорить по почте:
    [email protected]
    Или в Viber - https://viber.click/+79106167066.
    Или в WhatsApp - https://wa.me/79106167066?text=Здравствуйте!
    Или в Wowapp - https://www.wowapp.com/w/golddmitry/join.
    Или в Telegram - http://t.me/golddmitry.
    Или в Фейсбук - https://www.facebook.com/golddmitry.
    Или в Одноклассники - https://ok.ru/profile/494400231136.
    Или в ICQ - http://www.icq.com/whitepages/cmd.php?uin=216391280&action=message.
    Лучше через мой аккаунт в социальной сети Вконтакте - http://vk.com/write10728938.
    Резервный - https://vk.com/write210390407.
    Страничка с остальными видами связи тут - http://pc-rzn.ru/home.htm.

    Могу сделать оптовую скидку.
    P.S. Ну или в половину меньше, но срок в два с половиной раза больше.

    C уважением,
    Гольд Дмитрий Владимирович.
    Ограничение в 60 символов - DbXeuL7yDiiB6j7zTKogVATdqQhW2KpMiogSJtV3D19hO8zEKqi88OmjmQawM

    Russia Ryazan | 14 October at 16:06 |
  2. 4 days2 999 ₽
    Александр
    Александр Алексеев
    267     1  0

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

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

    Russia Russia | 13 October at 19:58 |
  3. 3 days3 000 ₽
    Тимофей
    Тимофей Лазарев
    182   

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

    Russia Samara | 13 October at 20:50 |
  4. 3 days3 000 ₽
    Сергей
    Сергей Перетягин
    137   

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

    Russia Russia | 14 October at 06:49 |
  5. 3 days3 000 ₽
    Надежда
    Надежда Яновская
    474     3  0

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

    Ukraine Kyiv | 16 October at 13:42 |
  6. 3 days3 000 ₽
    Дмитрий
    Дмитрий Беляев
    195   

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

    Telegram @Jinnnee

    Russia Saratov | 22 October at 10:45 |