WebGL · GLSL · three.js · GSAP
Анимации, которые собираются ползунками
Выберите эффект, подкрутите параметры и заберите код — модуль, React-компонент или веб-компонент. Вся эта страница собрана из эффектов конструктора.
Фон «Волны» · прокрутка
Рассвет
Море стоит на месте — меняется только время суток.
День
Закат
Шторм
Дождь, молнии и валы включаются сами.
Ночь
Переход «Прожигание» · прокрутка
Секция прогорает — и открывает следующую
Это настоящая HTML-секция: текст выделяется, ссылки работают. Дыры режет SVG-фильтр, огонь и пепел рисует шейдер поверх.
Фон «Огонь»
А под ней — огонь
3D «Морфинг» · GSAP ScrollTrigger
Логотип из частиц становится сферой
Прогресс превращения привязан к прокрутке: ScrollTrigger вызывает effect.progress(p). Вращение и вихрь — в вершинном шейдере.
Изображения
Наведите на фото
3D «Стеклянные фигуры»
Стекло, которое расступается
Поводите мышью — фигуры уходят от курсора и преломляют фон.
Соберите свою анимацию
40 эффектов, траектории, свой шейдер и учебник из 17 глав.