Mr. Sparkle

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 centerX = width/2;
var centerY = height/2;
var stripWidth = 50;
var hue = getRandomArbitary(0, 1);

var colors = [Snap.hsl(hue, 0.86, 0.74), Snap.hsl(hue, 0.88, 0.89)];

var i = 0;
for (var x = 0; x <= width; x += stripWidth){
  s.polygon([centerX, centerY], [x - stripWidth, 0], [x, 0]).attr({fill: colors[i % 2]});  
  i++;
}

var i = 0;
for (var y = 0; y <= height; y += stripWidth){
  s.polygon([centerX, centerY], [width, y - stripWidth], [width, y]).attr({fill: colors[i % 2]});  
  i++;
}

var i = 1;
for (var x = 0; x <= width; x += stripWidth){
  s.polygon([centerX, centerY], [x - stripWidth, height], [x, height]).attr({fill: colors[i % 2]});  
  i++;
}

var i = 1;
for (var y = 0; y <= height; y += stripWidth){
  s.polygon([centerX, centerY], [0, y - stripWidth], [0, y]).attr({fill: colors[i % 2]});  
  i++;
}