superclass  "Vormen"  in p5.js                        terug naar de inleiding

Superclass Vormen,  met de methodes voor de bewegingspatronen te gebruiken met de p5.js schetsen en de p5.js classes.

 


class Vormen {
  constructor(x, y, hoek) {
    this.x = x; this.y = y; this.hoek = hoek;
    this.ysnelhUp = 2; this.ysnelhDown = 2;
    this.xsnelhReLi = 2; this.xsnelhLiRe = 2;
    this.xsnelhRe = 2; this.xsnelhLi = 2;
    this.s = 1;
  }
 
  dpAan() {
   push();
   translate(this.x, this.y);
   stroke(255,0,0);
   strokeWeight(8);
   point(0,0);
   strokeWeight(1);
   stroke(0);
   pop();
  }
 
  stappenRe(obj) {
    let snelh = 100; let h = 45;
    obj.hoek = obj.hoek;
    if (frameCount == 1*snelh) {obj.hoek = obj.hoek+h;}
    if (frameCount == 2*snelh) {obj.hoek = obj.hoek+h;}
    if (frameCount == 3*snelh) {obj.hoek = obj.hoek+h;}
    if (frameCount == 4*snelh) {obj.hoek = obj.hoek+h;}
    if (frameCount == 5*snelh) {obj.hoek = obj.hoek+h;}
    if (frameCount == 6*snelh) {obj.hoek = obj.hoek+h;}
    if (frameCount == 7*snelh) {obj.hoek = obj.hoek+h;}
    if (frameCount == 8*snelh) {obj.hoek = obj.hoek+h;}
    if (frameCount == 9*snelh) {obj.hoek = obj.hoek+h;}
    if (frameCount > 10*snelh) {frameCount = 0;}
  }
 
    stappenLi(obj) {
    let snelh = 100;
    let h = 45;
    obj.hoek = obj.hoek;
    if (frameCount == 1*snelh) {obj.hoek = obj.hoek-h;}
    if (frameCount == 2*snelh) {obj.hoek = obj.hoek-h;}
    if (frameCount == 3*snelh) {obj.hoek = obj.hoek-h;}
    if (frameCount == 4*snelh) {obj.hoek = obj.hoek-h;}
    if (frameCount == 5*snelh) {obj.hoek = obj.hoek-h;}
    if (frameCount == 6*snelh) {obj.hoek = obj.hoek-h;}
    if (frameCount == 7*snelh) {obj.hoek = obj.hoek-h;}
    if (frameCount == 8*snelh) {obj.hoek = obj.hoek-h;}
    if (frameCount == 9*snelh) {obj.hoek = obj.hoek-h;}
    if (frameCount > 10*snelh) {frameCount = 0;}
  }
 
  yUpDown() {
    this.y = this.y - this.ysnelhUp;
    if ((this.y > height) || (this.y < 0)) {this.ysnelhUp = this.ysnelhUp * -1;}
}
 
  yDownUp() {
    this.y = this.y + this.ysnelhDown;
    if ((this.y > height) || (this.y < 0)) {this.ysnelhDown = this.ysnelhDown * -1;}
}
 
  xLiRe() {
    this.x = this.x - this.xsnelhLiRe;
    if ((this.x > width) || (this.x < 0)) {this.xsnelhLiRe = this.xsnelhLiRe * -1;}
}
 
  xReLi() {
    this.x = this.x + this.xsnelhReLi;
    if ((this.x > width) || (this.x < 0)) {this.xsnelhReLi = this.xsnelhReLi * -1;}
}
 
  xRe() {
    this.x = this.x + this.xsnelhRe;
    if (this.x > width) {  this.x = 0;}
}
 
 xLi() {
   this.x = this.x - this.xsnelhLi;
   if (this.x < 0) { this.x = width;}
}
 
 dpRotRe(obj) {
   obj.hoek = obj.hoek + 0.5;
    if (obj.hoek >= 360) obj.hoek= 0;
  }
 
  dpRotLi(obj) {
    obj.hoek = obj.hoek - 0.5;
    if (obj.hoek <= -360) obj.hoek= 0;
   }
 
  dpRotReS(obj) {
    obj.hoek = obj.hoek + 2;
    if (obj.hoek >= 360) obj.hoek= 0;
    }
 
  dpRotLiS(obj) {
    obj.hoek = obj.hoek - 2;
    if (obj.hoek <= -360) obj.hoek= 0;
  }
 
  draaienRe() {
  this.s = this.s + 0.5;
  rotate(radians(this.s));
  if (this.s > 360) this.s = 0;
}
 
 draaienLi() {
  this.s = this.s - 0.5;
  rotate(radians(this.s));
  if (this.s < -360) this.s = 0;
}
}