Как делать такие 3d конструкторы?

Question

[darksladen]

www.manufaktur-sehen.de/brillenkonfigurator

Заметьте, что можно менять цвет, оправу и т.д..

Какие готовые решения есть для такого?

Answer 1

[Артем Спиридонов]

Я такие делаю.

Два варианта:

1. webgl, к примеру на threejs
   
2. пререндеры на канвасе
   

Оба варианта хороши.

Первый - мягким вращением.
Второй - вращение дискретное, но намного более качественная картинка, хорошая работа на мобильных устройствах, низкое потребление ОЗУ (не тупит в браузерах даже на слабых ПК).

Раньше делали на FLEX (flash), но сейчас эта технология вышла из моды.

Comments

[Moskus]

Раньше делали на FLEX (flash), но сейчас эта технология вышла из моды.

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

[Артем Спиридонов]

Moskus, простите, коллега, возражу. Между этими событиями прошло около 4 лет времени.

В 2012 вышло из моды, резко утратило популярность, и только в 2016 появились знаменитые косяки с безопасностью flashplugin.

[Moskus]

Артем Спиридонов, стесняюсь спросить, а вы https://helpx.adobe.com/security/products/flash-pl... читали? История критических уязвимостей Flash player стара, как он сам. Просто до определенного момента не было особой альтернативы, а окончательно заколачивать гвозди в его гроб на стороне browser-ов стали, когда альтернативные решения получили достаточное распространение и поддержку.

[Артем Спиридонов]

Moskus, я не про логи, я про популярность. Просто разрабатывал, и помню, как все дружно отказывались, и почему.

Делали сайты на HTML5, а компонент для стриминга и отображения видео - на FLEX. В 2012 технологии стриминга HTML5 уже были доступны, но не очень развиты.

А в 2014 отказались от флекса, и переписали клиентов нескольких видеопроектов на HTML5. Да и avconv появился... переконвертацию на лету (для рестриминга между клиентами на разных платформах) он делал почему-то быстрее.

[Артем Спиридонов]

Moskus, я с вами не спорю. Я считаю, что вы абсолютно правы.

[darksladen]

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

[Артем Спиридонов]

darksladen, ну, не сказал бы что совсем тупо, но да, отрисовываются. Маски многослойные.

Threejs это в принципе, достаточно специализированный инструмент. 3D-модели, свет, шейдеры, текстуры - универсальнее некуда.