Немного фоновой динамики с Particles.js

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

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

Particles.js

GITHUB: https://github.com/VincentGarreau/particles.js

Скриптованная анимация с использованием canvas — это довольно свежий взгляд на старую задачу о том как бы добавить движухи в статическую верстку сайта. Я уж думал что то придумать сам, но нашел это готовое решение.

Плюсы:

  • легкий скрипт, конкурирует даже с самыми простыми фоновыми картинками по размеру,
  • всегда разная, живая картинка,
  • возможность проявить творчество и задать свои неповторимые настройки (характер, скорость движения, прорисовку связей и т.п.)

Я подключил скрипт к фоновому слою, а-ля «звездное небо, проплывающее за лентой сайта».

Для этого слоя понадобятся стили вроде:

На демо-сайте вы найдете несколько готовых конфигураций, демонстрирующих применение скрипта.

P.S.

Как оказалось, скрипт может сильно снижать скорость работы браузера на некоторых машинах. По всей видимости, страдают 1-2 ядерный системы. По просьбам трудящихся пришлось отключить красоту. :)

Написать комментарий

Мало букафф? Читайте есчо !

Показ навигации и пагинатора swiper js за пределами контейнера

Апрель 11, 2018 г.

swiper js - jQuery плагин для создания адаптивной карусели  картинок. Посмотрим как сверстать шаблон так, чтобы элементы управления слайдером можно было размещать за пределами контейнера слайдера. SWIPER на GITHUB. Это стандартный шаблон, который ...

Читать

Исходники комивояжера

Сентябрь 8, 2009 г.

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

Читать

 

Комментарии к «Немного фоновой динамики с Particles.js»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: