10 новинок от CodePen

Креативные веб-разработчики CodePen беспрестанно создают новинки. Мы опишем лишь некоторые из них.

Переливающиеся птицы

Написанное на JavaScript демо в виде порхающих птиц с потрясающими визуальными эффектами. https://codepen.io/Supercopra/pen/zWJpRd

Мемори

Классическая игра на память. Находите одинаковые картинки из популярных фильмов. https://codepen.io/beumsk/pen/xdoKjX

Тактрис

Браузерная игра типа тетрис. Рисуйте разные фигуры и соединяйте их, закрывая поле. Заполненная строка пропадает. Цель - продержаться как можно дольше. https://codepen.io/DonSinDRom/pen/GJaZmO

Вода

Таймер обратного отсчета - раз в секунду экран заполняет вода, внешний вид которой можно менять. https://codepen.io/larrybotha/pen/wdaYMR

Зигидди-Загадди

Забавная демо на TypeScript. Перемещая мышь и кликая по экрану, вы создаете красочные подвижные зигзаги. https://codepen.io/steveg3003/pen/LdzRee

3D Гейм-концепт

Вокруг вас 3D-лес. Осмотритесь, перемещая мышку и плавно вращая окружающую вас реальность. https://codepen.io/davekwiatkowski/pen/pWPVpX

Генератор градиентов

Позволяет добавлять, изменять, удалять цвета, варьировать тип градиента, его положение и форму. https://codepen.io/jakub_antolak/pen/QmzbzK

Золотые рыбки

Водоем с рыбками. Их движение успокаивает. Красивая и плавная анимация, интересные эффекты. https://codepen.io/K-T/pen/Ldgdab

Pacman - логин

Форма входа по мотивам игры Pacman. Ввод правильных и ошибочных паролей сопровождают различные анимации. https://codepen.io/hexagoncircle/pen/XEYBBp

Картинки Hover Explode

Пиксели вокруг курсора взрываются, включая яркую красочную анимацию. https://codepen.io/DollarAkshay/pen/zEpwmY?editors=1010