quadratic curve constructor creator

Quadratic cruve constructor creator

 

cubic curve constructor creator

cubic curve constructor creator

 

cubic cubic curve constructor creator

Cubic Cubic curve constructor creator

 Quadratic Cubic Quadratic curve constructor creator

Quadratic Cubic Quadratic curve constructor creator

 

cubic quadratic cubic curve constructor creator

Cubic Quadratic Cubic curve constructor creator

Inleiding schetsen met curven

Statische schets met curven op ruitjespapier

Schetsen met Bezier curven die gebruik maken van

Bezier curven classes en voor de bewegingsmethodes de superclass  "Curven".
 
Bezier curve constructor creators.   
            
De Bezier curve constructor creator is een hulpmiddel om met de muis en toetsen de ankerpunten en controlepunten
van een (samengestelde) Bezier curve te verplaatsen.
Je kan zo vormen creeren door de coordinatoren van de anker- en controlepunten in de constructor van een schets te plaatsen
 
Tabel  met de anker- en controlepunten die in de curve constructor creator een kleur hebben
 
toets anker kleur   toets control kleur                  
 1  a1  rood    5  c1  geel  
 2  a2  groen    6  c2  paars  
 3  a3  blauw    7  c3  lichtbruin  
 4  a4  lichtblauw    8  c4  lichtgroen  
         9  c5  bruin  
         0  c6  lichtpaars  
 
Tabel met linken naar de curve constructor creators
 
 curve constructor creators ankers controls classes                               
Quadratic  a1 en a2  c1  BezierQuadr  
Cubic  a1 t/m a3  c1 en c2  BezierCub  
Quadratic Cubic  a1 t/m a3  c1 t/m c3  BezierQuadrCub  
Quadratic Quadratic  a1 t/m a3  c1 en c2  Bezier2Quadr  
Quadratic Quadratic Quadratic  a1 t/m a4  c1 t/m c3  Bezier3Quadr  
Cubic Cubic  a1 t/m a3  c1 t/m c4  Bezier2Cub  
Cubic Cubic Cubic  a1 t/m a4  c1 t/m c6  Bezier3Cub  
Quadratic Cubic Quadratic  a1 t/m a4  c1 t/m c4  BezierQuadrCubQuadr  
Cubic Quadratic Cubic  a1 t/m a4  c1 t/m c5  BezierCubQuadrCub  
 
 Voorbeelden
 

"Bezier structuur" een schets die gebruik maakt van 4 objecten van de class "BezierQuadrCub".

"Bezier structuur p5.js"  de schets in p5.js met de class "BezierQuadrCub".

"Bezier chaos"  drie chaotisch bewegende Quadratic Cubic curven.

"Bezier chaos p5.js"  de schets in p5.js met de constructor functie "BezierQuadrCub".

"Bezier Quadratic vierkant"  acht Bezier Quadratic objecten die zich diagonaal bewegen en zo een vierkant vormen.

"Bezier Cubic vierkant"  nu zijn het acht Cubic curven die zich diagonaal bewegen en zo een vierkant vormen.

"Bezier Cubic bloem"   acht Bezier Cubic curven gerangschikt als een bloem de zich horizontaal en verticaal bewegen

"Bezier Quadratic Quadratic Logo"   heeft het beeld van een logo animatie

"Bezier Quadratic Quadratic Quadratic animatie 1" met 4 objecten

"Bezier Cubic Cubic bloem"   met 4 cubic cubic objecten waarvan het middelste ankerpunt 2  verticaal en horizontaal beweegt

"Bezier Cubic Cubic Cubic animatie"  met 4 objecten

"Bezier Quadratic Cubic Quadratic animatie 1"   van 4 objecten waarvan de ankerpunten zich op en neer en heen en weer bewegen

"Bezier Quadratic Cubic Quadratic animatie 2"  van 4 objecten

"Bezier Cubic Quadratic Cubic animatie"  van 2 objecten

"Bezier Cubic Quadratic Cubic animatie"  van 4 objecten in een vierkant canvas met zwarte achtergrond

"Bezier Cubic Quadratic Cubic animatie 2" met 4 objecten met verschillende bewegingsnelheden.