Настройки и параметры
Настройка работы
Выберите область отображения снегопада: На весь экран или В контейнере - снегопад будет отображаться внутри DOM-элемента, в котором подключён скрипт.
Выберите временной период отображения снегопада, указав даты начала и окончания, включите чекбокс Повторять ежегодно при необходимости - снегопад будет работать в указанные даты каждый год.
Готовые наборы настроек одним нажатием: Штиль - редкие крупные снежинки и лёгкое покачивание, Вьюга - густой поток с ветром и быстрым вращением, Хоровод - широкие круговые колебания, Пороша - неспешный поток мелкого свежего снега, Зимняя сказка - крупные снежинки в лёгком танце с объёмным кувырканием, Лавина - сплошной плотный поток на максимальной скорости. Выбранные виды снежинок пресеты не меняют.
Свойства снежинок
Вы можете выбрать сразу несколько видов снежинок (до 10 суммарно): отмечайте встроенные варианты и загружайте свои (кнопка , выбор нескольких файлов поддерживается). Скрипт будет случайным образом смешивать выбранные варианты в снегопаде. Загружаемые файлы должны быть в формате .svg и содержать валидную векторную графику.
Задается диапазон (Минимум и Максимум), например, от 10px до 40px. Скрипт случайным образом назначит размер каждой снежинке в этих пределах, создавая ощущение глубины резкости (3D-эффект).
Диапазон видимости от 0.0 (полностью прозрачный) до 1.0 (полностью видимый). Рекомендуемый диапазон: 0.3 – 0.9 для создания реалистичного полупрозрачного снега.
Параметры падения
Базовое количество снежинок на десктопных экранах.
На мобильных устройствах (ширина экрана < 768px) скрипт автоматически уменьшит это количество в 3 раза, а на планшетах (до 1325px) — в 1.5 раза, чтобы сберечь заряд аккумулятора и не перегружать интерфейс смартфона. Минимальное количество зафиксировано на уровне 30 снежинок.
Диапазон скоростей (Минимум и Максимум). Определяет, насколько быстро снежинки движутся сверху вниз.
Дополнительные эффекты
При включении этого эффекта снежинки начинают плавно покачиваться из стороны в сторону во время падения, имитируя сопротивление воздуха.
- Амплитуда колебаний: Расстояние покачивания по горизонтали в пикселях.
- Частота покачиваний: Частота волны. Чем больше значение, тем чаще и быстрее снежинка будет совершать покачивания.
Включает вращение снежинок вокруг своей оси.
- Скорость вращения: Задает диапазон угловых скоростей в градусах в секунду. Снежинки могут вращаться как по часовой, так и против часовой стрелки.
- Вращение в 3D: Добавляет к плоскому вращению объёмное кувыркание по осям X и Y — каждая снежинка кувыркается с собственной скоростью и под разными углами, создавая эффект реального падения.
Имитирует дуновение бокового ветра, который смещает снегопад по диагонали.
- Направление ветра: Слева направо (сдувание вправо) или Справа налево (сдувание влево).
- Скорость ветра: Интенсивность смещения. При высоких значениях снежинки будут лететь почти горизонтально.
Добро пожаловать
Snowfall Generator — это бесплатный и невероятно гибкий инструмент для украшения вашего сайта праздничным эффектом падающих снежинок, листьев или любых других кастомных SVG-элементов. Узнайте, как создать красивый зимний эффект на вашем сайте
Установка и подключение
Интеграция снегопада на ваш сайт занимает не более двух минут и требует минимальных знаний HTML.