random-triangles-part-1.js

function setup() {
  createCanvas( windowWidth, windowHeight )
  colorMode( HSB )
  noLoop()
  noStroke()
}
function draw() {
  background( 20, 20, 20)
  // Setup a grid so i can figure out the uppper and lower bounds
  // of where the points should go
  var columns = 5
  var rows = 5
  var columnWidth = windowWidth / columns
  var columnHeight = windowHeight / rows
  fill( 30, 30, 30)
  stroke( 90, 90, 90 )
  rect( 0, 0, columnWidth, columnHeight )
  // Create a row
  for ( i = 0; i < rows; i++ ){
    // Create a column
    for ( j = 0; j < columns; j++ ){
      rect( j * columnWidth, i * columnHeight, columnWidth, columnHeight )
    }
  }
}