Волна из частиц на JS

Данный фон отлично подойдет для блока, подвала или всей страницы.

Скрипт весит всего 3кб (без сжатия) и не использует никакие библиотеки.

Пример:

<canvas id="particle-canvas"></canvas>

1	<canvas id="particle-canvas"></canvas>

#particle-canvas {
	width: 100%;
	height: 400px;
	background: #337AB7;
}

#particle-canvas {

width: 100%;

height: 400px;

background: #337AB7;

}

Подключаем скрипт:particle-wave.js

NUM_PARTICLES - Количество частиц

PARTICLE_SIZE - Размер частиц

SPEED - Скорость перемещения частиц

Фон самого блока задется через CSS

Найдено на codepen.io у пользователя Stu Freen

3 эффекта с движущимися частицами, которые реагируют на движение курсора мыши

Анимационный эффект метели для блока или всей страницы

Скрипт Material-Background генерирующий случайные фоны для блока или всей страницы

Ваш комментарий отправлен!