sketch.js

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

  stroke(255, 255, 255);
  line(100, 0, 600, 500);
  line(200, 0, 600, 400);
  line(300, 0, 600, 300);
  line(400, 0, 600, 200);
  line(500, 0, 600, 100);
  line(0, 0, 600, 600);
  line(300, 0, 300, 600);
  line(0, 100, 500, 600);
  line(0, 200, 400, 600);
  line(0, 300, 300, 600);
  line(0, 400, 200, 600);
  line(0, 500, 100, 600);
  line(100, 0, 0, 100);
  line(200, 0, 0, 200);
  line(300, 0, 0, 300);
  line(400, 0, 0, 400);
  line(500, 0, 0, 500);
  line(600, 100, 100, 600);
  line(600, 200, 200, 600);
  line(600, 300, 300, 600);
  line(600, 400, 400, 600);
  line(600, 500, 500, 600);
  line(500, 0, 600, 100);
  line(600, 0, 0, 600);

  fill(0, 0, 0);
  triangle(200, 100, 400, 100, 0, 300);
  triangle(400, 100, 600, 300, 540, 400);
  triangle(0, 300, 80, 400, 400, 100);
  triangle(200, 300, 250, 350, 400, 100);
  triangle(400, 100, 400, 220, 360, 260);
  triangle(0, 300, 200, 550, 300, 600);
  triangle(600, 300, 400, 550, 300, 600);

  line(200, 100, 400, 100);
  line(190, 110, 410, 110);
  line(220, 100, 10, 310);
  line(380, 100, 590, 310);
  line(390, 210, 550, 370);
  line(410, 210, 270, 350);
  line(200, 280, 270, 350);
  line(200, 280, 100, 380);
  line(10, 290, 110, 390);
  line(520, 360, 590, 290);
  line(55, 350, 280, 350);
  line(280, 350, 540, 350);

  stroke(255, 100, 100);
  line(100, 380, 300, 580);
  line(500, 380, 300, 580);

  fill(255, 100, 100);
  stroke(255, 255, 255);
  rect(100, 380, 100, 100);
  rect(400, 380, 100, 100);

  fill(200, 200, 255);
  ellipse(170, 350, 230, 100);
  ellipse(430, 350, 230, 100);

  fill(255, 255, 255);
  triangle(500, 350, 550, 350, 525, 500);
  triangle(50, 350, 100, 350, 75, 500);

  noFill();
}

function draw() {
  // background(0, 0, 0); //背景色を指定して1回だけ塗る。
}

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

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

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