sketch.js

let mode = 1;

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

  fill(255, 192, 100);
  noStroke();
  ellipse(300, 400, 450, 225);

  fill(255, 255, 255);
  noStroke();
  ellipse(300, 320, 400, 225);

  fill(255, 192, 100);
  noStroke();
  ellipse(300, 250, 450, 225);

  fill(255, 255, 255);
  noStroke();
  text("１か２のキーを押すとクリームかイチゴが変わります", 20, 580);
}

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

  if (mouseIsPressed == true) {
    if (mode == 1) {
      fill(255, 255, 255);
      noStroke();
      circle(mouseX, mouseY, random(30, 50));
    }

    if (mode == 2) {
      fill(54, 174, 55);
      noStroke();
      ellipse(mouseX + 20, mouseY, 80, 20);
      ellipse(mouseX + 60, mouseY, 80, 20);

      fill(247, 15, 77);
      noStroke();
      triangle(
        mouseX,
        mouseY,
        mouseX + 80,
        mouseY + 0,
        mouseX + 40,
        mouseY - 60,
      );
    }
  }
}

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

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

function keyPressed() {
  if (key == "1") {
    mode = 1;
  }
  if (key == "2") {
    mode = 2;
  }

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