Эффект искажения на three.js
Эффект перетекания одного изображения в другое на шейдерах, с gsap анимацией на канвасе
Полет желе (noise)
Абстрактный noise — полет желе
STARFOX Arwing Drone из игры на чистом CSS
Космический истребитель STARFOX Arwing Drone из игры, который воспроизвели с анимацией полета в космосе на чистом CSS
Водопад в лесу на three.js
Водопад в лесу на канвасе с помощью three.js в стиле minecraft
Перпендикулярные линии на canvas
Анимированные перпендикулярные линии на канвасе с привязкой к движению курсора.
Колебающиеся градиентные 3d трубки
Объёмные трубки с переливающимся градиентом с определенной амплитудой колыхаются в пространстве. По клику меняется градиент, а на движение курсора реагирует амплитуда трубок
Параллакс эффект при ресайзе браузера
Параллакс эффект, созданный на CSS. Тридцать дивов с одним и тем же фоном из цветов, абсолютно с позиционирован и, благодаря координате Z, каждый из дивов смещен на уровень ниже, относительно другого. При этом трансформация по оси Z находится в зависимости от ширины viewport, так как используется единица vw.
Трава на канвасе
Реалистичная трава, колышущаяся от ветра. Камеру можно двигать и смотреть с разных ракурсов. Сделано на three.js
Пиво на CSS
Кружка пива, которая наполняется пивом. Сделано на CSS и с использованием SVG.
Создание 3d из изображения на канвасе и шейдерах
Плоское изображение на канвасе с помощью js и шейдеров переводится в 3d.
Фосфоресценция
Светящиеся частицы на THREE.js и шейдерах. Продолжение экспериментов с частицами.
Улитка на CSS
Анимация улитки на чистом CSS