cubic quadratic cubic curve constructor creator

Cubic Quadratic Cubic curve constructor creator

 

BezierQuadratic cubic schets: "Bezier Chaos"

Bezier Quadratic cubic schets: "Bezier Chaos"
in de p5.js rubriek
 

 

Bezier Cubic vierkant met acht curven

Bezier Cubic vierkant met acht curven
in de p5.js rubriek

 

 

Bezier Cubic Bloem animatie

Bezier Cubic Bloem animatie

 

Bezier Quadratic Quadratic Quadratic animatie

Bezier Quadratic Quadratic Quadratic animatie

Inleiding schetsen met curven                   terug naar de startpagina

De bezier cubic functies werken niet met processing.js.
De op de site gepubliceerde animaties zijn omgezet naar p5.js. Zie de rubriek p5.js
 

Statische schets met    curven op ruitjespapier    Zie ook de de class "Ruitjes"

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 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 en een schets met de raaklijnen

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

quadratic cubic quadratic curve constructor creator

 Quadratic Cubic Quadratic curve constructor creator

 

Bezierquadratic cubic "Bezier structuur"

Bezierquadratic cubic "Bezier structuur"
in de p5.js rubriek

 Bezier Quadratic vierkant, acht objecten in een vierkant

acht objecten in een vierkant
in de p5.js rubriek
 
 

Bezier Quadratic Quadratic Logo

Bezier Cubic Cubic bloem
 
 
 

bezier cubic quadratic cubic met raaklijnen