Световая схема: лампа в руке посетителя
Весь продукт живёт в одном Scene.tsx на 345 строк. Центральный приём: точечный свет скользит за курсором, и блики со светотенью скользят по вращающемуся золоту так, будто посетитель обходит скульптуру с лампой в руке.
I.Точечный свет следует за курсором
pointLight с интенсивностью 40 догоняет указатель с лерпом 0.14 за кадр. Благодаря сглаживанию свет ощущается несомым, а не приклеенным. Блики и светотень скользят по вращающемуся золоту вслед за светом, и это мгновенно читается как глубина.
II.Стоковый материал пересобран в рантайме
Стоковый ассет рендерился грязным серым металлом: битые карты ao, light и metalness, неверные цветовые пространства. Код отключает плохие карты и принуждает физику золота, metalness 1.0 и базовый цвет #d4af37, при каждой загрузке модели. Замените модель, и фикс продолжит работать.
III.Студия без HDRI
Вместо загрузки многомегабайтного HDR-окружения сцена строит собственный софтбокс: 4 прямоугольника Lightformer внутри drei Environment с интенсивностью 0.75. Золото получает свои длинные белые блики, а сеть не передаёт ни одного лишнего байта.
IV.Картинка киношного уровня
Тонмаппинг ACES Filmic с экспозицией 0.85 не даёт бликам на металле выгорать. Device pixel ratio ограничен диапазоном 1-2, чтобы телефоны не тормозили, а модель предзагружается до первого кадра. Антиалиасинг включён, канвас запрашивает производительный GPU.
Стоковый ассет не идёт в прод сырым
Самородок взят с 3D-стока. Загруженный как есть, он выглядел серым грязным камнем: битые карты, неверные цветовые пространства, произвольный масштаб. Сцена санитизирует материал в рантайме, кодом, поэтому любая будущая замена модели получит ту же обработку бесплатно.
- Нормализовать геометрию. GLTF клонируется, автоцентрируется и автомасштабируется по bounding box до цели около 5 юнитов. Любая стоковая модель встаёт в кадр правильно.
- Принудить физику золота. Metalness 1.0, roughness 0.42, базовый цвет #d4af37, envMapIntensity 0.92 и лёгкий clearcoat 0.06. Материал задаёт кейс, а не стоковый файл.
- Отключить битые карты. Стоковые aoMap, lightMap, metalnessMap и emissiveMap давали серые грязные пятна на металле. Выключены явно.
- Починить цветовые пространства. Base color в sRGB, карты нормалей и шероховатости в linear, anisotropy 8 для резкой текстуры под острыми углами, normalScale 0.55 для смягчения артефактов отсутствующих тангентов.
- Пересчитать и закрепить. Нормали и bounding sphere перестраиваются, frustum culling отключён, чтобы модель не пропадала из кадра, когда её границы выходят из математического конуса обзора.
