Конфигуратор товара

Материалы для проекта «Конфигуратор товара» объединяют несколько направлений. Начните с разделов ниже.

Материалы

• Three.js: конфигуратор настольной лампы «Форма»

  Десять последовательных уроков проекта «Форма».

• Three.js: сцена, камера и первый предмет

  Статическая сцена с простой лампой, перспективная камера и HTML-описание

• Three.js: размер области и плотность пикселей

  ResizeObserver, ограниченный DPR, согласованная проекция

• Three.js: осмотр товара и управление камерой

  OrbitControls, границы расстояния, возврат к исходному ракурсу

• Three.js: собственная модель glTF и её загрузка

  Авторский glTF из простых деталей, GLTFLoader, роли деталей и ошибки

• Three.js: цвет, свет и материалы товара

  MeshStandardMaterial, палитра и отдельные отделки корпуса и основания

• Three.js: выбор детали мышью и кнопками

  Raycaster, координаты canvas, HTML-выбор роли детали

• Three.js: конфигурация, артикул и стоимость

  Проверяемое состояние, чистая оценка комплектации, резюме в HTML

• Three.js: сохранение конфигурации и ссылка

  Версионированный URL и localStorage, приоритет явной ссылки

• Three.js: загрузка по запросу и резервный интерфейс

  Импорт Three.js после действия, доступные HTML-параметры, экран ошибки

• Three.js: завершение сцены и освобождение ресурсов

  Инвалидация асинхронной загрузки, остановка RAF, dispose и повторный запуск