sketch.js

let a = 100;//aという変数を作る
let b = 0;//bという変数を作る
let c = 0;//cという変数を作る
let d = 0;//dという変数を作る
let k = 0;//kという変数を作る

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

function draw() {
	colorMode(HSB);//カラーモードを変える
   background(0, 0, 0,0.1); //背景色を指定して1回だけ塗る。
	noFill();
	stroke(d,100,100);
	circle(a,b,c);
	
	//円弧を描く
	fill(0,100,100);
	noStroke();
	angleMode(DEGREES);//
	arc(300,300,400,400, k ,k +60);//円弧を描く
	k = k + 1;//ｋに1を足す
	
	//a = a + 3;//aに3を足す＝1フレームごとにa,つまり円のX座標が変わる
	//b = b + 4;
	c = c + 4;
	d = d + 4;
}

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

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

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