понедельник, 23 ноября 2009 г.

Новогодний JavaScript

Каждый год наступает "Новый Год" (простите за тавтологию) и каждый раз какому-то клиенту необходимо обязательно сделать на сайт какую-нибудь новогоднию иллюминацию. В сети конечно подобной развлекухи полно, но как всегда что-то хорошего мало.
Я пока что нашел два неплохих JS-скрипта: "Падающий снег" и "Фейерверк", конечно есть еще много подобных, но эти мне больше всего понравились.
Надеюсь что этот список будет пополняться.

Падающий снег

Не требует обязательного использования рисунка снежинок. Может показывать несколько видов снежинок или символов, похожих на них. Устанавливается прозрачность снежинок или символов, оттенок цвета. Регулируются скорость падения, минимальный и максимальный размеры. Указывается расположение и ширина колонки в окне, в которой будет снег.
Снежинки кружатся по собственным случайным законам. Процесс устойчив к прокрутке и изменению размеров окна. Чем меньше снежинок, тем меньше нагрузка процессора при просмотре окна.
Посмотреть "Падающий снег"
Скачать скрипт "Падающий снег"
правда надо отметить, что если указан доктайп, то данный скрипт перестает работать.

Фейерверк

Очень красивая реализация фейерверка на JavaScript'е. Регулируется по 4-м основным параметрам: радиус взрыва (Blast Radius), количество разлетающихся частицы (Particles), количество кругов (Circles), тип взрыва (Burst Type). Также можно указать точку выстрела и точку взрыва.
демо и скачать
ссылка на скачивание в самом низу страницы.

Оригинальный новогодний спецэффект
Ёлочная гирлянда, лампочки которой весело лопаются при наведении на них курсора мыши. Почти что пупырчатый полиэтилен :)
Посмотреть на результат работы скрипта можно на странице автора.
Скачать гирлянду, вместе со снежинками, можно со страницы www.schillmania.com/projects/snowstorm/.

это интересно:
Плагины: jQuery plugins
Полезный и качественный JavaScript
Игры на HTML5

4 комментария: