Curvas de Bézier e Parâmetros

Prévia do material em texto

Atividade CG3 
 
1) 
ctx.moveTo(20, 100); 
ctx.bezierCurveTo(20, 20, 200, 20, 200, 100); 
 
2) 
ctx.moveTo(20, 20); 
ctx.bezierCurveTo(20, 100, 200, 100, 200, 20); 
 
3) 
ctx.moveTo(20, 20); 
ctx.bezierCurveTo(20, 100, 200, 100, 20, 200); 
 
4) 
drawCurve(ctx, p0, p1, p2, p3, 0.25); 
São gerados: 0, 0.25, 0.5 e 0.75 
 
5) 
drawCurve(ctx, p0, p1, p2, p3, 0.1); 
São gerados os valores de 0.1 até 0.9 
 
6) 
drawCurve(ctx, p0, p1, p2, p3, 0.3); 
São gerados: 0, 0.3, 0.6 e 0.9 
 
7) A função bezier() usa uma Curva de Bézier Cúbica. 
Isso porque a equação possui termo de grau 3 (t³). 
 
8) Na linha 21: ctx.lineTo(p.x, p.y); 
 
9) Sim, a curva de Bézier é uma forma paramétrica.} 
O parâmetro é t. O intervalo de variação é: 0 ≤ t ≤ 1