Chevronny

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 colors = ['rgb(102, 102, 102)', 'rgb(26, 26, 26)', 'rgb(91, 74, 66)', 'rgb(246, 147, 30)', 'rgb(194, 180, 154)', 'rgb(240, 90, 40)']

var colorOffset = getRandomInt(0, colors.length);

for (var i = -5; i < 15; i += 1){
  var colorIndex = (colorOffset + i) % colors.length;
  var attrs = {strokeWidth: 40, stroke: colors[colorIndex], fill: 'none'};
  
  var x1 = -150
  var y1 = i * 50 - 100
  var x2 = width/2
  var y2 = (i * 50) + 100
  var x3 = width + 150
  var y3 = i * 50 - 100
  
  s.polyline(x1, y1, x2, y2, x3, y3).attr(attrs);
  s.line(width/2, 0, width/2, height).attr({strokeWidth: 5, stroke: 'white'})
}