console
let rotatingSquare;
function setup(){
createCanvas(600,600);
background(200);
rectMode(CENTER);
rotatingSquareA=new RotatingSquare(300,300,50,30,225,5,0.1);
rotatingSquareB=new RotatingSquare(300,300,50,30,225,5,0.1);
rotatingSquareC=new RotatingSquare(300,300,50,30,225,5,0.1);
}
function draw(){
rotatingSquareA.translating();
rotatingSquareA.rotating();
rotatingSquareA.drawing();
rotatingSquareB.translating();
rotatingSquareB.rotating();
rotatingSquareB.drawing();
rotatingSquareC.translating();
rotatingSquareC.rotating();
rotatingSquareC.drawing();
}
class RotatingSquare{
constructor(squareX, squareY, squareSize,d, squareColor,squareTSpeed,squareRSpeed){
this.squareX = squareX;
this.squareY = squareY;
this.squareSize = squareSize;
this.d=d;
this.squareColor = squareColor;
this.squareTSpeed = squareTSpeed;
this.squareRSpeed = squareRSpeed;
this.angle=0
}
translating(){
push();
translate(this.squareX,this.squareY);
this.squareX +=random(-this.squareTSpeed,this.squareTSpeed);
this.squareY +=random(-this.squareTSpeed,this.squareTSpeed);
}
rotating() {
rotate(this.angle);
this.angle+=this.squareRSpeed;
}
drawing() {
fill(this.squareColor);
ellipse(0,0,this.squareSize, this.squareSize);
pop();
}
}
<script src=“https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.min.js”></script>