Случайные фрактальные окружности

Пример:

Нажать для обновления Навести мышь для обновления

<canvas id="canvas"></canvas>

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

#canvas {
	width: 100%;
	height: 400px;
}

#canvas {

width: 100%;

height: 400px;

}

Подключаем библиотеку jQuery и скрипт fractal_circles.js

Обновить фон можно функцией updateCircle(), например:

<span onclick="updateCircle();">Нажать для обновления</span>
<span onmouseover="updateCircle();">Навести мышь для обновления</span>

1 2	<span onclick="updateCircle();">Нажать для обновления</span> <span onmouseover="updateCircle();">Навести мышь для обновления</span>

maxRadiusNano = 3; - максимальный радиус нано окружностей

minRadiusNano = 1; - минимальный радиус нано окружностей

maxRadiusSmall = 20; - максимальный радиус малых окружностей

minRadiusSmall = 5; - минимальный радиус малых окружностей

maxRadiusBig = 150; - максимальный радиус больших окружностей

minRadiusBig = 100; - минимальный радиус больших окружностей

maxCirclesNano = 5000; - количество нано окружностей

maxCirclesSmall = 300; - количество малых окружностей

maxCirclesBig = 5; - количество больших окружностей

colOffset = 50; - Смещение светлости для HSL

За основу взят скрипт, найденный на codepen.io у пользователя Tibix