ATOM Global

ATOM Global — технологический холдинг и венчур-билдер: девять компаний в AI, блокчейне и иммерсивных технологиях, от Neuro Design до Biometric Suit. Вместо того чтобы перечислять их, сайт собирает их в один объект — стеклянный атом, где каждая компания — это узел.

Выбираешь компанию — камера летит к ней и открывает её карточку; обратный путь — тот же полёт в обратную сторону.

Сцена работает на Three.js и React Three Fiber внутри Next.js. Стекло — собственный GLSL: многопроходное преломление, пропускание света, отражения и хроматическая дисперсия.

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

При загрузке сайт оценивает, что потянет видеокарта устройства, и подбирает под неё разрешение, плотность пикселей, материалы, постобработку и детализацию моделей.

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

Next.js · TypeScript · Three.js · React Three Fiber · WebGL · GLSL