header

Bezier Quadratic Quadratic Quadratic animatie

Een animatie met drie gekoppelde  Quadratic curven.             terug naar de inleiding

In de animatie zijn de snelheden xa2Re en xa2Li verdubbeld

De schets maakt gebruik van de class "Bezier3Quadr"  zie  curven classes   en de superclass "Curven"

Object1 is  samengesteld mbv de Bezier quadratic quadratic quadratic curve constructor creator.

 

Bekijk de animatie in fullScreen(): . Met de "s" toets stopt, en met de "r" toetst start de animatie.

 

Curven object1; 
Curven object2; 
Curven object3; 
Curven object4; 
 
void setup() {   
fullScreen(); 
 float x = width/2; 
 float y = height/2; 
 float n = height/25; 
 
             //ankerpunten:   a1=rood,     a2=groen, a3=blauw    a4=lichtblauw 
 object1 = new Bezier3Quadr(x-15*n,y-10*n, x-20*n,y, x-7*n,y-7*n, x-15*n,y-10*n,    
          //controlepunten: c1=geel, c2=paars,c3=lichtgroen 
                            x-5*n,y, x,y-5*n, x-15*n,y, 
                            color(247, 63, 35, 100)); 
                             
            //ankerpunten:     a1=rood,    a2=groen, a3=blauw     a4=lichtblauw 
 object2 = new Bezier3Quadr(x-15*n,y+10*n, x-20*n,y, x-7*n,y+7*n, x-15*n,y+10*n,    
          //controlepunten: c1=geel, c2=paars, c3=lichtgroen 
                            x-5*n,y, x,y+5*n, x-15*n,y, 
                            color(150, 17, 150, 100));  
                                                         
            //ankerpunten: a1=rood, a2=groen, a3=blauw a4=lichtblauw 
 object3 = new Bezier3Quadr(x+15*n,y+10*n, x+20*n,y,x+7*n,y+7*n, x+15*n,y+10*n,    
          //controlepunten: c1=geel, c2=paars, c3=lichtgroen 
                            x+5*n,y, x,y+5*n, x+15*n,y, 
                            color(150, 255, 0, 100));  
                                                             
             //ankerpunten: a1=rood,       a2=groen, a3=blauw     a4=lichtblauw 
 object4 = new Bezier3Quadr(x+15*n,y-10*n, x+20*n,y, x+7*n,y-7*n, x+15*n,y-10*n,    
          //controlepunten: c1=geel, c2=paars,  c3=lichtgroen 
                            x+5*n,y, x,y-5*n,   x+15*n,y, 
                            color(50, 227, 213, 100));  
} 
 
void draw() {  
  background(#E6FBFF); 
  object1.display(); 
  object1.xa2Li(); 
  object1.xya3LiBo(); 
  object1.xa4Li(); 
  object1.xa1Li(); 
   
  object2.display(); 
  object2.xa2Li(); 
  object2.xya3LiOn(); 
  object2.xa4Li(); 
  object2.xa1Li(); 
   
  object3.display(); 
  object3.xa2Re(); 
  object3.xya3ReOn(); 
  object3.xa4Re(); 
  object3.xa1Re(); 
   
  object4.display(); 
  object4.xa2Re(); 
  object4.xya3ReBo(); 
  object4.xa4Re(); 
  object4.xa1Re(); 
} 
 
void keyPressed() {  
   if (key == 's') {  
    noLoop();  
  }  
  
   if (key == 'r') {  
    loop();  
  }  
 }