Как работать с 3d моделями в веб?

Question

[Medovochka]

В общем, есть один сайт - калькулятор с 3d моделями окон . Как это можно реализовать? (с технической части) для верстальщика? Потому что нам дадут отрисовку, как это реализовать пока не ясно, увы. Как это можно сделать если использовать three js?
Мне хотя бы понять при помощи чего можно реализовать, какой принцип работы, и в каком формате должны быть эти отрисованные модели?

Comments

[twobomb]

Ну это явно должен реализовывать не верстальщик и не человек которые не имеет понятия как работать с 3д в веб

Answer 1

[Сергей]

В принципе ничего сложного...
Вот я эксперементировал с three.js
эксперимент1...
эксперимент2...
эксперимент3...

Comments

[Medovochka]

Спасибо. А могли вы ответить на вопросы мои, пожалуйста, чтобы я их могла ответы передать разработчикам? Из последнего абзаца

[Сергей]

для вэба самый оптимальный формат GLTF, но в three.js есть поддержка многих других распространённых форматов

[Сергей]

можем списаться [e-mail]

[twobomb]

Ахах я думал ща проекты покажет.

В принципе ничего сложного...

Ну, а что может быть сложного в добавлении пары шариков и кубиков. Хотя бы пример загрузки своей модели бы кинул, он же не будет из примитивов в коде создавать модели оконных рам.

[Сергей]

twobomb, а в исходный код глянуть религия не позволяет?

[Сергей]

а если быть серьезным, то в первой ссылке решаются такие вопросы как сбор сцены на основе динамически формируемого объекта json (в примере статичный), использование менеджера загрузки ресурсов (loadingManager), реализация "экрана загрузки" (синий куб во время загрузки), подключение анимаций через AnimationMixer
во второй ссылке идут эксперименты с displacementMap, normalMap, bumpMap, масштабирование текстур, эксперименты с "металличностью"
в третьей ссылке эксперименты с материалами PBR
всё это будет использоваться позже в готовом проекте