Bloom

to generate a new and unique variation

Source Code

Every variart piece is open source, you can see exactly how it is drawn from the code.

var circleRadius = 25;
var backgroundColor = "#f8f3f3";
var foregroundColors = ["#30cb9f","#add8e8","#df91c5","#e24fa0","#263a93","#39b3e6"];
var strokeWidth = 8;

var i = 0;
var y = circleRadius;
var it = 0;
for (var y = 0; y < width + 100; y += 25){
  startX = (it % 2 == 0) ? 0 : (-circleRadius/2) - strokeWidth*2;
  for (var x = startX; x < width * 2; x += (circleRadius * 2) + strokeWidth){
    //var foregroundColor = foregroundColors[i % foregroundColors.length];
    var foregroundColor = foregroundColors[getRandomInt(0, foregroundColors.length - 1)];
    s.circle(x, y, circleRadius).attr({fill: backgroundColor, stroke: foregroundColor, strokeWidth: strokeWidth}) 
    i++;
  }
  it++;
}