mirror of
https://github.com/Pomax/BezierInfo-2.git
synced 2025-08-05 16:27:45 +02:00
39 lines
750 B
JavaScript
39 lines
750 B
JavaScript
module.exports = {
|
|
degree: 3,
|
|
activeDistance: 9,
|
|
|
|
setup() {
|
|
this.size(600, 300);
|
|
this.points = [
|
|
{x:50,y:240},
|
|
{x:185,y:30},
|
|
{x:320,y:135},
|
|
{x:455,y:25},
|
|
{x:560,y:255}
|
|
];
|
|
this.knots = this.formKnots(this.points);
|
|
this.draw();
|
|
},
|
|
|
|
draw() {
|
|
this.clear();
|
|
this.grid(25);
|
|
var p = this.points[0];
|
|
this.points.forEach(n => {
|
|
this.stroke(200);
|
|
this.line(n.x, n.y, p.x, p.y);
|
|
p = n;
|
|
this.stroke(0);
|
|
this.circle(p.x, p.y, 4);
|
|
});
|
|
this.drawSplineData();
|
|
},
|
|
|
|
drawSplineData() {
|
|
if (this.points.length <= this.degree) return;
|
|
var mapped = this.points.map(p => [p.x, p.y]);
|
|
this.drawCurve(mapped);
|
|
this.drawKnots(mapped);
|
|
}
|
|
};
|