sketch.js

let a = 0;
let x = 0;
let b = 0;
let c = 0;
let d = 0;
let y = 0; //変数「a」を作り０を入れておく
function setup() {
  createCanvas(600, 600); //ウィンドウサイズの指定
  background(0, 0, 0); //背景色を指定して1回だけ塗る。
}

function draw() {
  a = a + (300 - a) / 10.0;
  noFill();
  stroke(0, 50, 255);
  circle(200, 200, a);
  b = b + (200 - b) / 40.0;
  noFill();
  stroke(0, 255, 255);
  circle(180, 180, b);
  c = c + (300 - c) / 30.0;
  noFill();
  stroke(0, 100, 255);
  circle(400, 400, c);
  d = d + (600 - d) / 40.0;
  noFill();
  stroke(0, 200, 255);
  circle(300, 300, d);

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

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

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

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