|
||
|
||
Снежинки на вашей странице |
||
В предпраздничные дни мой почтовый ящик, был буквально завален просьбами рассказать, как сделать эти замечательные, порхающие кристаллики льда, которые закрывают содержание и надоедают уже через 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/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас. |