Статьи

10 безумных экспериментов с HTML5 и JS

Ознакомьтесь с нашей коллекцией сумасшедших экспериментов с HTML5 и JavaScript, которые демонстрируют производительность фреймворка при создании разнообразных интересных интерактивных эффектов. Обратите внимание, что большинство демонстраций здесь работают гладко с Google Chrome и Firefox, но не в IE, поскольку HTML5 еще не полностью поддерживается им. Веселиться!

Похожие сообщения:

1. Холст Сфера

Canvas Sphere от Emil Korngold визуализирует 2D-проекцию 3D-точек сферы с помощью крошечного спрайтового 3D-движка. Демонстрация использует Z-сортировку и альфа-размытие движения, чтобы придать ощущение трехмерности и вращения. Проверьте потрясающую демонстрацию!


Холст Сфера

Источник
демонстрация

2. Мрамор

Простая демонстрация физики с использованием недавно выпущенного A3 WebGL Engine. Обязательно используйте Chrome, чтобы увидеть демо. Довольно круто!


Marbles

Источник
демонстрация

3. Поле шума

Тропа частиц через шум Перлина. Переместите мышь, чтобы изменить движение частицы. Нажмите, чтобы рандомизировать параметры.


Поле шума

Источник
демонстрация

4. Аквариум

Удивительный тест HTML 5, созданный Microsoft для проверки производительности вашего браузера. Попробуйте и посмотрите, сколько рыб вы можете запустить.


круглый аквариум

Источник + Демо

5. Липкая вещь

Брось его и посмотри, торчит ли он.


Липкая вещь

Источник
демонстрация

6. Дыхательные галактики

Это гипотрохоид с динамически меняющимся цветом и диаметром, работающий на JavaScript. Вы можете использовать клавиатуру для изменения формы в середине потока или перемещать мышь, чтобы создать новую форму.


Дыхательные галактики

Источник
демонстрация

7. Цветочная Сила

Еще один эксперимент, вдохновленный природой — простой инструмент для рисования с цветами в виде кистей с использованием кривых Безье.


Цветочная сила

Источник
демонстрация

8. Один час в секунду

Святые няны! Теперь на YouTube каждую секунду загружается один час видео. Чтобы поместить эту невероятную цифру в контекст, Youtube создал сайт HTML5 с некоторыми цифрами для сравнения — например, сколько nyan cat «nyans» существует за один день (например, 24 секунды загрузки)? Ответ: 345 600!


Один час в секунду

Источник
демонстрация

9. Пояс астероидов

Эффект HTML5 анимации на фото.


Пояс астероидов

Источник + Демо

10. График макета

Интерактивная форсированная графическая верстка.


Макет графика

Источник
демонстрация