sketch.js

function setup() {
  createCanvas(400, 400); //ウィンドウサイズの指定
  background(255, 255, 255);
  strokeWeight(0);
  fill(255, 220, 190);
  rect(40, 70, 250, 250);
  fill(40, 10, 0);
  beginShape();
  vertex(290, 70);
  vertex(290, 320);
  vertex(340, 320);
  vertex(340, 150);
  endShape(CLOSE);
  fill(60, 30, 20);
  rect(40, 70, 240, 66);
  rect(40, 70, 30, 150);
  rect(260, 70, 30, 150);
  rect(70, 120, 30, 50);
  rect(230, 120, 30, 50);
  rect(40, 70, 15, 220);
  rect(275, 70, 15, 220);
  fill(190, 160, 140);
  beginShape();
  vertex(305, 210);
  vertex(305, 280);
  vertex(325, 286);
  vertex(325, 230);
  endShape(CLOSE);
  beginShape();
  vertex(290, 290);
  vertex(290, 320);
  vertex(310, 320);
  vertex(310, 295);
  endShape(CLOSE);
  fill(255, 255, 255);
  rect(70, 210, 65, 25);
  rect(190, 210, 65, 25);
  fill(0);
  rect(105, 210, 33, 25);
  rect(190, 210, 33, 25);
  fill(255, 150, 170);
  rect(130, 270, 70, 28);
  fill(40);
  rect(0, 320, 380, 200);
  fill(190, 160, 140);
  rect(90, 320, 150, 30);
  fill(0);
  triangle(40, 320, 32, 400, 40, 400);
  triangle(290, 320, 290, 400, 297, 400);
  beginShape();
  vertex(380, 320);
  vertex(380, 400);
  vertex(400, 400);
  vertex(400, 360);
  endShape(CLOSE);
  fill(255, 220, 190);
  rect(140, 120, 50, 20);
}

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

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

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

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