Add grid (function) to global namespace

Gallery
1

Add grid function to p5.js sketch:

setup = () => {
  createCanvas(800, 200)
  background(249, 202, 6)
}

draw = () => {
  grid(30, 10, 20) // cols, rows, grid size
}

// x = num of cols; y = num of rows; s = grid size
grid = (x, y, s) => {
  fill(33, 43, 47)
  stroke(249, 202, 6)
  for (let i=0; i<x*s; i=i+s) {
    for (let j=0; j<y*s; j=j+s) {
      rect(i, j, s, s)
    }
  }
}

grid-function-p5js
grid-function-p5js.png737×201 527 Bytes

Since grid function was added to the global namespace, its params can be passed in the draw function, which is also in the global namespace.