moving in Class - OpenProcessing

mySketch
xxxxxxxxxx
 
​
​
let _num = 10;
let _circleSet = []; 
​
function setup() {
  createCanvas(500, 500);
  background(255);
  strokeWeight(1);
  fill(150, 50);
  drawCircles();  // my own function to draw a few circles
}
​
function draw() {
  background(255);
  for(let i=0; i<_circleSet.length; i++) {  
    _circleSet[i].updateMe();
  }
}
​
function mouseReleased() {
  drawCircles();
}
​
function Circle() {  
  
  //properties
  this.x = random(width);  
  this.y = random(height);  
  this.radius = random(10) + 10;  
  this.linecol = color(random(255), random(255), random(255));  
  this.fillcol = color(random(255), random(255), random(255));  
  this.alph = random(255);  
  this.xmove = random(10) - 5;   
  this.ymove = random(10) - 5;
  
  //function
  Circle.prototype.drawMe = function() {   
    
    stroke(red(this.linecol), this.alph);   
    strokeWeight(5);
    noFill(); 
    line(this.x, this.y, this.x + this.radius*cos(30/180*PI), this.y + this.radius*sin(30/180*PI));
    line(this.x, this.y, this.x + this.radius*cos(60/180*PI), this.y + this.radius*sin(60/180*PI));
    line(this.x, this.y, this.x + this.radius*cos(90/180*PI), this.y + this.radius*sin(90/180*PI));
    line(this.x, this.y, this.x + this.radius*cos(120/180*PI), this.y + this.radius*sin(120/180*PI));
    line(this.x, this.y, this.x + this.radius*cos(150/180*PI), this.y + this.radius*sin(150/180*PI));
    line(this.x, this.y, this.x + this.radius*cos(PI), this.y + this.radius*sin(PI));
    line(this.x, this.y, this.x + this.radius*cos(210/180*PI), this.y + this.radius*sin(210/180*PI));
    line(this.x, this.y, this.x + this.radius*cos(240/180*PI), this.y + this.radius*sin(240/180*PI));
    line(this.x, this.y, this.x + this.radius*cos(270/180*PI), this.y + this.radius*sin(270/180*PI));
    line(this.x, this.y, this.x + this.radius*cos(300/180*PI), this.y + this.radius*sin(300/180*PI));
    line(this.x, this.y, this.x + this.radius*cos(330/180*PI), this.y + this.radius*sin(330/180*PI));
    line(this.x, this.y, this.x + this.radius*cos(2*PI), this.y + this.radius*sin(2*PI));
    //ellipse(this.x, this.y, this.radius*2, this.radius*2); 
        
    
  } 
  
  Circle.prototype.updateMe = function() {     
  this.x += this.xmove;     
  this.y += this.ymove;     
  if (this.x > (width+this.radius)) {    
    this.x=0-this.radius; 
  }     
  if (this.x < (0-this.radius)) {    
    this.x=width+this.radius; 
  }     
  if (this.y > (height+this.radius)) {    
    this.y=0-this.radius; 
  }    
  if (this.y < (0-this.radius)) {    
    this.y=height+this.radius; 
  } 
  
  let touching = false;  
  
    for (let i=0; i<_circleSet.length; i++) {   
      let otherCirc = _circleSet[i];   
      if (otherCirc != this) {    
        let dis = dist(this.x, this.y, otherCirc.x, otherCirc.y);    
        if ((dis-this.radius-otherCirc.radius) < 0) {
          touching = true; 
          break;
        }   
      }  
    }
    if (touching) {   
      if (this.alph > 0) { 
        this.radius--;  //改變大小
        
      }  
    } else {   
      if (this.alph < 255) { 
        this.radius ++; 
      }  
    } 
    
    this.drawMe();
  }
} 
​
function drawCircles() {  
  for (let i=0; i<_num; i++) {   
    let a_circle = new Circle();   
    a_circle.drawMe();  
    _circleSet.push(a_circle); 
  } 
} 
​
​