Скрипт падающих снежинок

Список разделов phpBBex 1.x (поддерживается) Мастерская 1.x

Описание: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 1.x и phpBB 3.0.x.
Модератор: Поддержка

Сообщение #1 Heroin » 13.12.2012, 08:06

Каждый раз, когда приближается Новый год, у многих владельцев сайтов возникает желание как-то украсить сайт к празднику. Чаще всего такое украшение сводится к пририсовыванию снега или сосулек к шапке сайта или логотипу. Но для создания настоящей новогодней атмосферы хочется внести некое оживление, например, запустить падающие по экрану снежинки.

Перебрав несколько разных вариантов остановился вот на этом.

1. Скачиваем скрипт snow.js
2. Кладем его в корень форума
3. Открываем overall_header.html
4. В самом верху пишем <body><script type="text/javascript" src="/snow.js"></script></body>
5. Если в пункте 2 меняли путь, то в пункте 4 надо тоже поменять!
6. обновляем шаблон, вычищаем кеш.
7. обновляем форум ctrl+F5
8. вот пример работы http://forum.craftcar.ru/
Вложения

[Расширение js было запрещено, вложение больше недоступно.]

ЁмоЁВарКутаГин
Heroin M
Автор темы, Гуру
Аватара
Возраст: 35
Откуда: syzran
Репутация: 39
С нами: 10 лет 5 месяцев

Сообщение #2 VEG » 13.12.2012, 12:04

100% загрузки ядра процессора при сомнительной красоте. Пожалейте пользователей. :pray:
VEG M
Администратор
Аватара
Возраст: 34
Откуда: Хельсинки, Финляндия
Репутация: 1648
С нами: 10 лет 5 месяцев

Сообщение #3 Heroin » 13.12.2012, 12:57

хм. что то я не вижу никакой загрузки. поставил на 1 сайт и на 1 форум. все очень рады. очень поднимает настроение предновогоднее
ЁмоЁВарКутаГин
Heroin M
Автор темы, Гуру
Аватара
Возраст: 35
Откуда: syzran
Репутация: 39
С нами: 10 лет 5 месяцев

Сообщение #4 VEG » 13.12.2012, 14:16

Зависит от мощности процессора, количества ядер и разрешения экрана. У меня 2 ядра 2GHz, 1920×1200. Одно ядро загружено полностью.

Вот нагрузка на процессор до захода на ваш форум и после:
Изображение

А теперь представьте каково пользователям с одноядерным процессором. К слову, на моей старой работе процентов 80 компьютеров были именно с одним ядром, и я тогда возненавидел сайты, которые без какой-либо пользы попусту нагружают процессор. Также, как и пользователи дорогого/ненадёжного мобильного интернета ненавидят сайты, загружающие мегабайты графики и анимации для отображения страниц.

Кстати, этот скрипт глючит в мобильном браузере Android. Все снежинки скапливаются в верхних 20 пикселях и странно мельтешат на одном месте.
VEG M
Администратор
Аватара
Возраст: 34
Откуда: Хельсинки, Финляндия
Репутация: 1648
С нами: 10 лет 5 месяцев

Сообщение #5 factotum » 13.12.2012, 14:38

снежок проходили. так и не нашел ничего "легкого". анимация на js, она такая...
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Гуру
Откуда: Люксембург
Репутация: 234
С нами: 10 лет 5 месяцев

Сообщение #6 Heroin » 13.12.2012, 22:33

VEG:мобильном браузере Android
опера на андройде работает без проблем.

я согласен возможно грузит проц и все такое. предложите другой вариант?
ЁмоЁВарКутаГин
Heroin M
Автор темы, Гуру
Аватара
Возраст: 35
Откуда: syzran
Репутация: 39
С нами: 10 лет 5 месяцев

Сообщение #7 factotum » 14.12.2012, 17:32

Heroin:предложите другой вариант?
factotum:так и не нашел ничего "легкого". анимация на js, она такая...
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Гуру
Откуда: Люксембург
Репутация: 234
С нами: 10 лет 5 месяцев

Сообщение #8 Lona » 28.12.2013, 00:17

Heroin,
Сделала, как написано за 3 минуты, красотищщаа ))
Благодарю :clap:
Lona
Мастер
Аватара
Репутация: 13
С нами: 9 лет 2 месяца

Сообщение #9 factotum » 28.12.2013, 00:44

забытая тема в новом свете - только CSS: http://jsfiddle.net/f92gB/
однако ничего нового - все так же, как в случае с JS, нагрузка на процессор существенна. На десктопах не так чувствительно, а вот для портативных скорее зло, чем приятность - производительность, заряд батареи...
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Гуру
Откуда: Люксембург
Репутация: 234
С нами: 10 лет 5 месяцев

Сообщение #10 Alexandr_ » 29.12.2013, 03:27

factotum:забытая тема в новом свете - только CSS: http://jsfiddle.net/f92gB/
Один из лучших вариантов реализации, но не кроссбраузерный. Лучше всего падающий снег сделать на лого.gif форума, это как для меня. А вообще на сайте должно быть меньше таких вот понтов.
Alexandr_
Бывалый
Репутация: 5
С нами: 8 лет 11 месяцев

Сообщение #11 factotum » 18.05.2014, 20:12

factotum:нагрузка на процессор существенна
[решено!] Использовать window.requestAnimationFrame
Нагрузка на процессор снижается в несколько раз.
немного на русском: http://habrahabr.ru/post/114358/

для себя показалось удобным использовать iscrolljs.com
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Гуру
Откуда: Люксембург
Репутация: 234
С нами: 10 лет 5 месяцев

Сообщение #12 factotum » 19.05.2014, 17:37

http://jsfiddle.net/vralle/f92gB/51/
добавлен iscroll
Вложения
screenshot.3.jpg
FF29
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Гуру
Откуда: Люксембург
Репутация: 234
С нами: 10 лет 5 месяцев


Вернуться в Мастерская 1.x



cron