Out of Line

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 topMargin = 50;

s.rect(0, 0, width, height).attr({fill: '#F5F4EF'})

g = s.g()

for (var i = 50; i < 390; i += 25){
  if(i > 250 && i < 370){    
    g.append(s.rect(15 + i, topMargin + i/4 + getRandomInt(40, 80), 15, 150).attr({fill: '#333333'}));
  } else {
    g.append(s.rect(15 + i, topMargin + 90, 15, 150).attr({fill: '#333333'}));
  }
}

g.transform('r' + getRandomInt(10, 20))