Pearls on a String

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 = '#E89F3E';
var xMargin = 100;
var yMargin = 125;
var ballsOnString = intVariable('pearls', 2, 10);
var lines = 5;

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


for (var i = 0; i < lines; i++){
  var spacing = (width * 1.0) / lines;
  var margin = width/10;
  var x = margin + (i * spacing);
  
  s.line(x, 0, x, height).attr({
    stroke: '#ffffff',
    strokeWidth: 3
  });
  
  for (var j = getRandomInt(0, 50); j <= height; j++){
    var dotY = getRandomInt(0, height);
    var dotRadius = getRandomInt(15, 35);
    
    s.circle(x, j, dotRadius).attr({
      fill: '#ffffff'
    });
    
    j += getRandomInt(dotRadius * 3, dotRadius * 8);
  }
}