Главная » Файлы » Прочие скрипты » HTML5

Дождь, снег и другие эффекты на HTML5 Canvas для вашего сайта
24.06.14, 18:46:30

Скачать файл




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

Для начала посмотрите ДЕМО

Моё тестирование в фидле: КЛИК

Установка:

После < /head > на нужных страницах вставляйте:
Код
<script type="text/javascript" src="/js/ClassyEffects.src.js"></script>


Далее в то место, где будет блок с дождём:
Код
<canvas width="300" id="rainCanvas" height="300" style="background-color:#555"></canvas>


Скрипт запускаем следующим кодом:
Код
<script>
var effect = new ClassyEffects({
effect: 'rain',
container: $("#rainCanvas")
});
</script>
Обратите внимание на effect: 'rain' - можно выбирать один из четырёх эффектов: rain, snow, drip и tadpoles. Если оставить это значение пустым, то будет эффект ливня

Скрипт из прикреплённого архива залейте в папку js

Материал подготовлен Apocalypse
Категория: HTML5 | Добавил: Apocalypse | Теги: Дождь, другие, Canvas, на, Вашего, HTML5, снег, эффекты, сайта, для
Просмотров: 878 | Загрузок: 0 | Рейтинг: 1.0/1
Всего комментариев: 0
Имя *:
Email: