sketch.js

let x =0;
let speedX =30;
let y =0;
let speedY =30;
let z =0;
let speedZ =3;

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

function draw() {
  background(0, 0, 0); //背景色を指定して1回だけ塗る。
	noFill();
	stroke(255,255,255);
	circle(x-100,y,z+100);
	x = x +speedX;
	y = y +speedY;
	z = z +speedZ;
	if(x>600){
		//x=0;//xを0に戻す
		speedX = -3;
	}
	if(x<0){
		speedX = 3;
	}
	if(y>600){
		//x=0;//xを0に戻す
		speedY = -4;
	}
	if(y<0){
		speedY = 4;
	}
	if(z>600){
		//x=0;//xを0に戻す
		speedZ = -4;
	}
	if(z<0){
		speedZ = 4;
	}
	
	
}

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

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

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