Скрипт что бы шел снег

ZORNET.RU

html <
height: 100%;
overflow: hidden;
>

body <
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
color: #fff;
background-color: #9cf;
background-image: -webkit-gradient(linear, left top, left bottom, from(#6af), to(#bdf));
background-image: -webkit-linear-gradient(#6af, #bdf);
background-image: -moz-linear-gradient(#6af, #bdf);
background-image: linear-gradient(#6af, #bdf);
>

::-webkit-scrollbar <
display: none;
>

h1 <
position: absolute;
margin: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
font: 10em «Codystar», sans-serif;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
>

.snowflake <
position: absolute;
display: block;
position: absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-image: -webkit-radial-gradient(
center,
circle farthest-corner,
rgba(255, 255, 255, 1) 40%,
rgba(255, 255, 255, 0) 100%
);
background-image: -moz-radial-gradient(
center,
circle farthest-corner,
rgba(255, 255, 255, 1) 40%,
rgba(255, 255, 255, 0) 100%
);
background-image: -ms-radial-gradient(
center,
circle farthest-corner,
rgba(255, 255, 255, 1) 40%,
rgba(255, 255, 255, 0) 100%
);
background-image: radial-gradient(
center,
circle farthest-corner,
rgba(255, 255, 255, 1) 40%,
rgba(255, 255, 255, 0) 100%
);
>

#snow <
position: absolute;
width: 100%;
height: 100%;
>

var Snowflake = (function() <

var flakes;
var flakesTotal = 250;
var wind = 0;
var mouseX;
var mouseY;

Источник

Снег на JavaScript

В этой статье хочется рассказать как сделать снег на js или JavaScript, это сейчас очень актуально, так как, уже зима и многие делают свой сайт под новый год, надеюсь статья будет полезна.

В конце статьи сможете скачать скрипт снега на сайт JavaScript.

Также посмотрите статью как сделать слайдер на JavaScript:
Простой слайдер — Ссылка на статью;
Сложный слайдер — Ссылка на статью;

Настройки снега:

Для начала надо посмотреть настройки отображения снега на странице, вот эта часть скрипта.

Давайте теперь разберём эту часть скрипта. Как можете заметить, здесь идёт перечисление переменных с настройками снега и его отображения.

В принципе тут и так всё понятно, потому что всё написано в комментариях, что для чего нужно, единственное, что хочется отметить, то что один снежок это по сути знак звёздочка на клавиатуре, в остальном тут пока нечего говорить.

Основной скрипт:

Теперь перейдём к основному скрипту, но перед этим нам нужно создать функция для более удобного создания рандома.

Это очень полезная функция в этом скрипте, так как, здесь часто будет использоваться рандом и что бы каждый раз писать этот код с разным умножением не очень удобна, поэтому мы используем её.

Теперь посмотрим на часть для отображения снежков.

Здесь достаточно большой код и объяснять его работу очень трудно, поэтому отмечу лишь основные моменты его работы.

В самом начале мы получаем ширину и высоту экрана, это нужно для вычисления место расположения снежинок. Дальше идёт цикл который нужен для прохождения по массиву снежинок.

В самом цикли мы берём по айди снежинку и присваиваем ей различные параметры, например, цвет, размер и шрифт, ну а в самом конце цикла вычисляется позиция для каждой снежинки.

После закрытия цикла, запускаем функция для вывода снежков на экран, до этого мы только настраивали снежки и изменения позиции.

Код в этой функции отвечает за то как будет работать анимация снега на js или как можно сказать передвижение снега. Внутри этой функции работает цикл для прохода по всем снежинкам, внутри же цикла изменяется позиция снега, так чтобы он дополнительно колыхался.

В конце функции запускается таймаут для анимации, то есть перед тем как будут сделаны следующие изменения пройдёт не много времени.

После закрытия функции, идёт цикл для создания снежинок и команда которая говорит, чтобы функция которая даёт внешний вид для снежинок, запускалась после того, как закончится загрузка страницы.

Вывод:

В этой статье рассказывалось как сделать снег на JS для сайта, надеюсь вам эта статья была полезна и вы поделитесь её.

Если вы что то не поняли, или просто искали скрипт, то можете его скачать скрипт снега на сайт JavaScript.

Также смотрите статью, где делаем снеговика на CSS: Снеговик на простом CSS.

Источник

Снег на сайте – устанавливаем скрипт падающего снега

Приветствую всех своих читателей! Сегодня я расскажу Вам, как вставить снег на сайт. Удивите своих пользователей — устройте настоящую снежную бурю прямо на страницах Вашего ресурса! Данный скрипт особо популярен в преддверии Нового года. Устанавливать его, я бы советовал за 10-15 дней до наступления праздников, а после его можно и отключить.

Итак, приступим к установке падающего снега

Для начала скачайте два скрипта, которые собственно и будут делать нам снег на сайте, хотя вероятнее всего первый скрипт у Вас уже прописан (jquery.min.js и snowfall.min.jquery.js).

Создайте папку на хостинге и поместите туда эти скрипты, также не забываем их распаковать.

Далее, откройте файл index.php Вашего шаблона и вставьте между тегами следующий код:

Настройка скрипта падающего снега

Установка скрипта падающего снега

В самом низу своего документа установите эту строку

Вот как выглядит работающий пример с использованием скрипта, который отображает снег на сайте.

Ну вот в принципе и все, теперь у Вас на сайте снегопад. Посмотреть на работающий пример можно здесь

• Facebook
• Twitter
• Вконтакте
• Одноклассники

Смотрите также

• 

Панель для вебмастеров — бесплатный скрипт PanelWM

В этой статье расскажу об удобном скрипте для всех оптимизаторов, его называют панель для вебмастеров — …

Демо данные joomla

Приветствую всех читателей моего блога! Сегодня хочу рассказать Вам, как устанавливать демо данные для Joomla. …

Источник

Снег с помощью CSS3 анимации

Есть множество скриптов на тематику нового года, в частности скрипты имитации снега на вашем сайте, но в чем отличия именно этого скрипта я вам сейчас расскажу. Во-первых, это вовсе не скрипт, он не использует никаких дополнительных JavaScript или JQuery, сделан исключительно с помощью CSS3 анимации. Скриптом мы с натяжкой его можем назвать только из-за прописанного сценария для анимации. Минусом его конечно является то, что он использует три картинки снега. Если говорить точнее, то на каждой картинке снежинки имеют разный размер и степень размытия. Это сделано для придания глубины картинке, или как модно сегодня говорить, «параллакс» эффекта.

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

Принцип работы и установка

Сначала нужно объяснить принцип, но не будем вдаваться в такие подробности, как создавать анимацию на CSS3, это вовсе не урок. Изначально это был блок со снегопадом фиксированной ширины, но это не целесообразно.

Выберите блок на сайте, внутри которого нужно будет организовать снегопад. Например, у нас это будет блок с классом .top , внутри него поместим HTML-код снегопада (он ниже), т.е. между

Чтобы снег был именно в этом блоке, нужно к блоку .top прописать position:relative , вот так:

Непосредственно установка

Для начала займемся установкой CSS стилей и активацией анимации. Для этого мы вставим следующий код в нашу таблицу стилей. Еще обратите внимание, рекомендуется сохранить картинки снега к себе на сайт, чтобы потом не возникало проблем с их загрузкой.

И далее вставим небольшой HTML код снегопада. Выберите именно тот блок, в котором должен идти снег.

Посколько снегопад на CSS3 представляет собой несколько слоев, которые просто ложатся на блок, может случиться ситуация, при которой элементы в самом блоке не смогут выполнять функции. Если такое случилось, поэксперементируйте с z-index .

Ну вот и все. Если у вас есть вопросы пишите в комментариях, будем решать их вместе. Еще зима не началась, а уже с наступающим!

Источник

CLEO Графика SnowFX 4.0 ( неофициальный патч )

Benya

Активный

Новая неофициальная версия скрипта, который добавляет в ГТА СА снегопад. Снегопад заменяет в игре дождь, но вы так же можете активировать его вручную сочетанием клавиш ctrl + NUM+ и ctr; + NUM- (клавиши можно изменить в INI файле). Скрипт заточен для работы в одиночной игре и в SAMP.

Полный список особенностей:

* Оптимизирован код скрипта, теперь он работает намного быстрее.
* Из кода оригинального скрипта убран спавн NRG500 на карте.
* Улучшено переключение между типами снегопада.
* Исправлен баг оригинального скрипта, который приводил к зависанию игры при активации снега, когда игрок ещё не заспавнен.
* Исправлен баг оригинального скрипта, когда снег мог падать в интерьерах.
* В правый нижний угол экрана добавлена шкала, которая показывает текущий уровень снегопада. Шкала отображается только тогда, когда вы зажимаете левый ctrl.
* Добавлена опция, позволяющая автоматически заменять дождь на один из четырех типов снегопада (функция настраивается в файле SnowFX-Config.ini, параметр rain. 1 — вкл., 0 — выкл., ВКЛЮЧЕНО по умолчанию).
* Добавлена опция, позволяющая сохранить текущие настройки снегопада при выходе из игры (функция настраивается в SnowFX-Config.ini, параметр save. 1 — вкл., 0 — выкл., ВЫКЛЮЧЕНО по умолчанию).
* Исправлена несовместимость скрипта с CLEO худами и другими скриптами, выводящими текстуры на экран.
* Исправлен краш текстур на экране в процессе игры с работающим SnowFX при определенных обстоятельствах.
* Убраны все глобальные переменные, из-за которых SnowFX мог конфликтовать с другими скриптами и вызывать вылеты игры.
* Исправлен баг с затемнением экрана в миссиях в одиночной игре после использования SnowFX.
* Добавлен INI файл, где можно менять клавиши управления снегопадом.
* Добавлена возможность включать и отключать логотип скрипта через INI файл (вкл. по умолчанию).
* Скрипт мгновенно будет отключаться, если какие-либо файлы SnowFX будут переименованы или отсутствовать.

Авторы: oCain ( оригинал ), andre500( фиксы )

Установка: Скопировать содержимое архива в папку с игрой

Вложения

fallengod

open your eyes

Известный

Новая неофициальная версия скрипта, который добавляет в ГТА СА снегопад. Снегопад заменяет в игре дождь, но вы так же можете активировать его вручную сочетанием клавиш ctrl + NUM+ и ctr; + NUM- (клавиши можно изменить в INI файле). Скрипт заточен для работы в одиночной игре и в SAMP.

Полный список особенностей:

* Оптимизирован код скрипта, теперь он работает намного быстрее.
* Из кода оригинального скрипта убран спавн NRG500 на карте.
* Улучшено переключение между типами снегопада.
* Исправлен баг оригинального скрипта, который приводил к зависанию игры при активации снега, когда игрок ещё не заспавнен.
* Исправлен баг оригинального скрипта, когда снег мог падать в интерьерах.
* В правый нижний угол экрана добавлена шкала, которая показывает текущий уровень снегопада. Шкала отображается только тогда, когда вы зажимаете левый ctrl.
* Добавлена опция, позволяющая автоматически заменять дождь на один из четырех типов снегопада (функция настраивается в файле SnowFX-Config.ini, параметр rain. 1 — вкл., 0 — выкл., ВКЛЮЧЕНО по умолчанию).
* Добавлена опция, позволяющая сохранить текущие настройки снегопада при выходе из игры (функция настраивается в SnowFX-Config.ini, параметр save. 1 — вкл., 0 — выкл., ВЫКЛЮЧЕНО по умолчанию).
* Исправлена несовместимость скрипта с CLEO худами и другими скриптами, выводящими текстуры на экран.
* Исправлен краш текстур на экране в процессе игры с работающим SnowFX при определенных обстоятельствах.
* Убраны все глобальные переменные, из-за которых SnowFX мог конфликтовать с другими скриптами и вызывать вылеты игры.
* Исправлен баг с затемнением экрана в миссиях в одиночной игре после использования SnowFX.
* Добавлен INI файл, где можно менять клавиши управления снегопадом.
* Добавлена возможность включать и отключать логотип скрипта через INI файл (вкл. по умолчанию).
* Скрипт мгновенно будет отключаться, если какие-либо файлы SnowFX будут переименованы или отсутствовать.

Авторы: oCain ( оригинал ), andre500( фиксы )

Установка: Скопировать содержимое архива в папку с игрой

Источник