AURORA
Сайт вымышленного фестиваля электронной музыки за полярным кругом. Северное сияние на WebGL, кинетическая типографика, расписание в горизонтальном скролле.
- Что это
- Флагманский концепт
- Где
- Вымышленное место
- Год
- 2026
- Стек
- Astro, WebGL, GSAP, Lenis
Задача
Показать, на что способна студия, когда сайт не ограничен бизнесом заказчика. Первый экран должен остановить человека, а вся страница — убедить купить билет на фестиваль, которого нет. AURORA придумана целиком: название, артисты, площадка, расписание и цены.
Что сделали
- Северное сияние на WebGL. Свой шейдер без библиотек: три занавеса на фрактальном шуме, лучи, звёзды. Сияние чуть тянется за курсором. Небо рисуется в уменьшенном разрешении, поэтому телефон не греется.
- Кинетическая типографика. Название собирается по буквам и разжимается, манифест проявляется слово за словом, пока вы его читаете.
- Расписание в горизонтальном скролле. На широком экране три ночи листаются вбок, пока страница едет вниз. На телефоне это лента, которую листают пальцем.
- Магнитные кнопки билетов. Кнопка «Купить» честно говорит, что фестиваль вымышленный, и предлагает такой же сайт для настоящего события.
- Запасной вариант. Без WebGL и при отключённых анимациях вместо живого неба стоит кадр из того же шейдера, весь текст виден сразу.
Как сделано
Astro, GSAP со ScrollTrigger и SplitText, плавный скролл Lenis, WebGL 1 без обёрток. Шрифты отдаются с нашего домена. Ролик-превью записан из того же шейдера кадр за кадром: время в нём зациклено, поэтому восемь секунд повторяются без шва.