seoshiro
RU
Звук выкл

Навигация

Все проекты

08 / ИНТЕРАКТИВНЫЕ ИССЛЕДОВАНИЯ ПРОДУКТОВ

LUMEN

Разобрать объектив
прокруткой

Прокрутка двигает диафрагму и раздвигает девять групп объектива. При движении назад модель собирается снова.

  • TypeScript
  • Three.js
  • WebGL
  • Scroll choreography
Модель объектива LUMEN L-01 в более ранней версии сцены
LUMEN L-01 в более ранней версии сцены. В текущем приложении показан объектив без футляра.

01

С чего начать

Прокручивайте страницу или переходите к этапам кнопками и клавиатурой. Интерфейс доступен на русском, английском и казахском.

02

Результат

Объектив можно рассмотреть в сборе и по частям, проследить движение диафрагмы и открыть галерею. Без WebGL вместо 3D-сцены показывается статичное изображение.

03 / Кейс

Как это устроено

  1. Объектив, его группы и подвижная диафрагма построены из процедурной геометрии Three.js.

  2. Положение прокрутки задаёт этап разборки. Девять групп расходятся и возвращаются на место при прокрутке назад.

  3. Кнопки глав позволяют перейти к этапу с клавиатуры. Без WebGL остаются статичные изображения и пояснения к деталям. Режим уменьшенного движения показывает объектив в сборе без анимации разборки.

Оптическая сборка LUMEN, разделённая на девять смоделированных групп

04 / Кейс

Границы проекта

Вымышленный объектив для визуальной демонстрации. Модель не рассчитывает оптику и не служит чертежом или подтверждением характеристик изделия.

Документация проекта
Следующий проектSELVEDGE