Ознакомьтесь с нашей коллекцией сумасшедших экспериментов с HTML5 и JavaScript, которые демонстрируют производительность фреймворка при создании разнообразных интересных интерактивных эффектов. Обратите внимание, что большинство демонстраций здесь работают гладко с Google Chrome и Firefox, но не в IE, поскольку HTML5 еще не полностью поддерживается им. Веселиться!
Похожие сообщения:
- HTML5 Демо анимация холста
- 10 случайных веб-инструментов и ресурсов HTML5
- jQuery и новые основы HTML5
1. Холст Сфера
Canvas Sphere от Emil Korngold визуализирует 2D-проекцию 3D-точек сферы с помощью крошечного спрайтового 3D-движка. Демонстрация использует Z-сортировку и альфа-размытие движения, чтобы придать ощущение трехмерности и вращения. Проверьте потрясающую демонстрацию!
2. Мрамор
Простая демонстрация физики с использованием недавно выпущенного A3 WebGL Engine. Обязательно используйте Chrome, чтобы увидеть демо. Довольно круто!
3. Поле шума
Тропа частиц через шум Перлина. Переместите мышь, чтобы изменить движение частицы. Нажмите, чтобы рандомизировать параметры.
4. Аквариум
Удивительный тест HTML 5, созданный Microsoft для проверки производительности вашего браузера. Попробуйте и посмотрите, сколько рыб вы можете запустить.
5. Липкая вещь
Брось его и посмотри, торчит ли он.
6. Дыхательные галактики
Это гипотрохоид с динамически меняющимся цветом и диаметром, работающий на JavaScript. Вы можете использовать клавиатуру для изменения формы в середине потока или перемещать мышь, чтобы создать новую форму.
7. Цветочная Сила
Еще один эксперимент, вдохновленный природой — простой инструмент для рисования с цветами в виде кистей с использованием кривых Безье.
8. Один час в секунду
Святые няны! Теперь на YouTube каждую секунду загружается один час видео. Чтобы поместить эту невероятную цифру в контекст, Youtube создал сайт HTML5 с некоторыми цифрами для сравнения — например, сколько nyan cat «nyans» существует за один день (например, 24 секунды загрузки)? Ответ: 345 600!
9. Пояс астероидов
Эффект HTML5 анимации на фото.
10. График макета
Интерактивная форсированная графическая верстка.