sketch.js

function setup() {
  createCanvas(600, 600); //ウィンドウサイズの指定
  background(0, 0, 0); //背景色を指定して1回だけ塗る。
  colorMode(HSB);
}

function draw() {
  background(0, 0, 0); //背景色を指定して1回だけ塗る。
  for (let i = 0; i < 20; i = i + 1) {
    for (let j = 0; j < 20; j = j + 1) {
      let x = i * 60;
      let y = j * 60;
      fill(60, 100, 120);
      beginShape();
      vertex(x, y - 30);
      vertex(x + 30, y);
      vertex(x, y + 30);
      vertex(x - 30, y);
      endShape(CLOSE);
      noStroke();
      fill(60, 100, j * 10);
      circle(i * 60 + 15, j * 60, 5);
      fill(60, 100, j * 10);
      circle(i * 60 + 15, j * 60 + 30, 5);
    }
  }
}

function mousePressed() {
  //マウスのボタンが押し下げられた時の処理
}

function mouseReleased() {
  //マウスのボタンが離された時の処理
}

function keyPressed() {
  if (key == "s") {
    saveCanvas();
  }
}