SOURCE

console 命令行工具 X clear

                    
>
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>

本项目引用的自定义外部资源