seoshiro
RU
Звук выкл

Навигация

Все проекты

07 / ИНСТРУМЕНТЫ ПРОДУКТОВОГО ДИЗАЙНА

RESON

Материалы и пропорции
колонки

3D-студия внешнего вида колонки. Меняйте корпус, отделку и размеры, рассмотрите детали конструкции и сравните сохранённые варианты.

  • TypeScript
  • Three.js
  • WebGL
  • LocalStorage
RESON: модель колонки с отделкой под орех и настройками материалов
Колонка RESON: отделка под орех, медные кольца и открытые динамики.

01

С чего начать

Выберите форму и отделку корпуса, кольца динамиков, переднюю панель, основание и размеры. Сохраните вариант под своим названием или загрузите коллекцию из JSON.

02

Результат

3D-модель с выбранными настройками, разборка и сборка конструкции, сравнение вариантов рядом и JSON-файл коллекции.

03 / Кейс

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

  1. Корпус, динамики, магниты и решётка построены из процедурной геометрии Three.js. Детали можно рассмотреть в разборке, но модель не рассчитывает звучание.

  2. Сцена обновляется при изменении вида и приостанавливается вне экрана. Модель и пояснения занимают отдельные области страницы.

  3. Перед заменой коллекции показан результат проверки импорта. Изменения настроек и коллекции можно отменить; при ошибке сохранения остаётся экспорт в JSON.

Разобранная конструкция RESON: корпус, диффузоры, корзины и магниты динамиков

04 / Кейс

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

Только иллюстрация внешнего вида и устройства. Без акустического расчёта, измеренной АЧХ, подбора электроники и чертежей. Локальная память браузера, шесть вариантов и JSON-копии; без облачной синхронизации.

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