Дождь, снег и другие эффекты на HTML5 Canvas для вашего сайта
Это то, что я так давно искал - погодные явления с использованием мощи HTML5 и jQuery. Автор работы предоставил нам выбор между пятью разными эффектами - дождь, снег, капельки с потолка, странный эффект, который я не смогу описать, больше похоже на перья и ливень
Моё тестирование в фидле: КЛИК
Установка:
1#: После /head на нужных страницах вставляйте:
|
1 |
<script type="text/javascript" src="/js/ClassyEffects.src.js"></script> |
2#: Далее в то место, где будет блок с дождём:
|
1 |
<canvas width="300" id="rainCanvas" height="300" style="background-color:#555"></canvas> |
3#: Скрипт запускаем следующим кодом:
|
1 2 3 4 5 6 |
<script> var effect = new ClassyEffects({ effect: 'rain', container: $("#rainCanvas") }); </script> |
Обратите внимание на effect: 'rain' - можно выбирать один из четырёх эффектов: rain, snow, drip и tadpoles. Если оставить это значение пустым, то по-умолчанию будет эффект ливня
Осталось лишь залить JS файл из прикреплённого архива в папку js
