HALCYON

Обзор

HALCYON — витринный лендинг для вымышленной студии пространственных интерфейсов. В центре — кристаллический 3D-объект, состояние которого привязано к позиции прокрутки: он собирается из рассеянного облака в огранённую сферу и снова распадается, когда вы прокручиваете вверх.

Всё построено так, чтобы ощущаться как дорогой запуск продукта, а не демо: книжная антиква, переливающаяся подпись, плавная инерционная прокрутка и хореография появлений — и всё это при стабильном фреймрейте.

Ключевые особенности

• ✓3D-объект, привязанный к скроллу, плавно собирается и разбирается
• ✓Один InstancedMesh (~80 осколков) держит кластер в один draw call
• ✓Переливающийся PBR-материал с освещением от environment map
• ✓Плавная прокрутка Lenis синхронизирована с GSAP ScrollTrigger
• ✓Поддержка prefers-reduced-motion и адаптив вплоть до 360px