IZONE - http://www.izcity.com/ - бесплатный софт, вэб-сервисы, ресурсы для раскрутки, свежие номера журнала "Internet Zone".

Снежинки на вашей странице

В предпраздничные дни мой почтовый ящик, был буквально завален просьбами рассказать, как сделать эти замечательные, порхающие кристаллики льда, которые закрывают содержание и надоедают уже через 30 секунд ;)

Вобщем-то, мне не очень хочется забивать вам головы какими-то подробностями реализации рукотворного снегопада на страничке. Ведь, тот, кто хочет разобраться, и так разберется, а остальным это, вовсе не надо. Но остановиться на основных моментах стоит.

Для перемещения снежинок в пространстве браузера используется уже известная вам библиотека detect.js. А алгоритм перемещения прост. Как известно, на улице иногда дует ветер, причем дует он порывами и в разных направлениях. Так и сделаем. По вертикали снежинки будут перемещаться с постоянной, выбранной в начале "падения" скоростью, а по горизонтали их будет сносить ветер, причем, сила ветра со временем будет уменьшаться, а когда он совсем утихнет, то будем создавать новый порыв ветра с новой скоростью и интенсивностью ослабевания. На горизонтальную скорость ветра будет влиять некий эквивалент массы, который случайным образом выбирается, когда снежинка начинает свое движение. Достигнув границы экрана, снежинка будет вновь перемещена вверх и начнет свое падение с новыми параметрами. Вот такая физическая модель.

Посмотреть все это безобразие можно в файле snowfall.html

Если вы захотите установить это буйство природы на свою страницу, то скачайте себе архивчик, в котором содержиться скрипт detect.js, страничка snowfall.html и картинка снежинки. Так сказать, три в одном, готовое к употреблению в качестве наружного средства для вашего сайта в праздничные дни.

Загрузить файл snowfall.zip

Источник: http://exper.ural.ru/

 


Copyright © "Internet Zone"info@izcity.com
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас.