Starburst

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 backgroundColor = '#f2f2f2'
var foregroundColors = ['#D1898A', '#CAD5CF'];

s.rect(0, 0, width, height).attr({fill: backgroundColor});

var angle = 0;
var angleStep = 0.1;

while (angle < 2 * Math.PI){
  var length = getRandomInt(50, 150);
  var x = length * Math.cos(angle);
  var y = length * Math.sin(angle);
  
  s.line(width/2, height/2, width/2+x, height/2+y).attr({fill: 'none', strokeOpacity: 0.9, stroke: foregroundColors[getRandomInt(0, 1)], strokeWidth: 2})
  angle = angle + angleStep;
}