Candy Dots

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 hues = [];

var marginX = 125;
var marginY = 100;
var circleSize = 20;
var hue = 0;

for (var y = marginY; y <= height - marginY; y += circleSize * 2 + circleSize){
  var opacity = 1;
  for (var x = marginX; x <= width - marginX; x += circleSize * 2 + circleSize){
    var saturation = getRandomInt(40, 100);
    s.circle(x, y, circleSize).attr({fill: Snap.hsl(hue, saturation, 50), opacity: opacity});
    opacity -= 0.2;
  }
  hue += 60;
}