Волна из частиц на 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

Помощь по установке кода Ответы на часто задаваемые вопросы и решение типовых ошибок и проблем

Страница находится в стадии разработки

Поддержать блог Любые Ваши (пусть даже и скромные) суммы значительно повышают мотивацию развивать блог, делиться наработками и придумывать новые.

Фоновый эффект с движущимися частицами, реализованный на JS без библиотек и плагинов

Фоновый эффект на JS с двигающейся за курсором мыши разноцветной ленты

Два примера фонового эффекта со сверкающими и движущимися звёздочками

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