xxxxxxxxxx
42
function setup() {
createCanvas(400, 400);
}
function draw() {
frameRate (3)
background(random(20, 235));
let t = map(mouseX, 5, width, -20, 50);
curveTightness(t);
beginShape();
curveVertex(100, 400);
curveVertex(30, 300);
curveVertex(200, 350);
curveVertex(100, 345);
curveVertex(100, 350);
curveVertex(100, 400);
endShape();
noFill();
curve(20, 26, 73, 24, 73, 150, 150, 120);
let steps = 6;
for (let i = 0; i <= steps; i++) {
let t = i / steps;
let x = curvePoint(5, 73, 73, 15, t);
let y = curvePoint(26, 24, 61, 65, t);
//ellipse(x, y, 5, 5);
let tx = curveTangent(400, 400, 400, 400, t);
let ty = curveTangent(26, 24, 61, 65, t);
let a = atan2(ty, tx);
a -= PI / 2.0;
line(x, y, cos(a) * 8 + x, sin(a) * 8 + y);
noFill();
stroke(255, 102, 0);
curve(5, 26, 0, 5, 26, 15, 73, 24, 15, 73, 61, 0);
stroke(0);
curve(5, 26, 0, 73, 24, 0, 73, 61, 0, 15, 65, 0);
stroke(255, 102, 0);
curve(73, 24, 0, 73, 61, 0, 15, 65, 0, 15, 65, 0);
}
}