Как вы уже догадались, в этой статье пойдет речь о HTML5, который не перестает удивлять своими возможностями.
Для этого и были собраны 10 самых потрясающих HTML5/JavaScript примеров. Смотрим...
Введение
Вернемся на несколько лет назад и увидим, что анимация такого уровня была просто не возможна в связке HTML и JavaScript. Вещи подобного уровня делались во Flash, но сейчас, все изменилось...
Breathing Galaxies
Анимация с динамическим изменением цветов и диаметров объектов. Используйте клавиатуру или движение мышки, чтобы изменить форму объекта.
Noise Field
Частицы построены на шумах Перлина (Perlin noise). Движение мышки изменяет движение частиц. Щелчок мышки сбрасывает параметры в случайные значения.
Keylight
Swirling Tentacles
Пульсирующие 3d провода на JavaScript. Скрипт весит всего 1k.
FlowerPower
Другой эксперимент, связанный с природой — простое рисующее приложение с кистями, как цветы, с использованием кривых Безье.
Blob
Мягкий пузырь, который можно бросать. Пузырь также можно разрезать двойным нажатием мышки на много мелких пузырей и соединять их обратно в один большой.
Rotating Spiral
Вы засыпаете, засыпаете... Независимая от разрешения экрана, крутящаяся спираль по сути проста. Щелчок мыши запускает, останавливает и запускает кручение в обратную сторону.
Magnetic
Магнитные точки используются для контроля потока частиц. Если собирается много частиц вокруг таких точек, то они (частицы) начинают излучать цвет и увеличиваться в размерах...
Trail
Цветные частицы движутся и крутятся вокруг курсора мыши оставляя органический след, который медленно исчезает.
Graph Layout
Интерактивное построение графов.
Особенно понравился музыкальный луч света. Наверное, если наловчиться, то играть можно что-то ))
Да, canvas рулит! Осталось дождаться, когда 9-ка IE в массы пойдет.
Спасибо, понравилось. Хорошая статья. Эффекты на html класс.
С пузырем наигрался вдоволь. Очень крутая штука, спасибо за подборку.
Еще бы научили Вы их создавать, цены бы Вам не было )