mirror of
https://github.com/Pomax/BezierInfo-2.git
synced 2025-09-25 15:49:06 +02:00
37 lines
814 B
JavaScript
37 lines
814 B
JavaScript
module.exports = {
|
|
setup: function(api) {
|
|
var points = [
|
|
{x: 90, y:110},
|
|
{x: 25, y: 40},
|
|
{x:230, y: 40},
|
|
{x:150, y:240}
|
|
];
|
|
api.setCurve(new api.Bezier(points));
|
|
},
|
|
|
|
draw: function(api, curve) {
|
|
api.reset();
|
|
api.drawSkeleton(curve);
|
|
api.drawCurve(curve);
|
|
|
|
if (api.hover) {
|
|
api.setColor("rgb(200,100,100)");
|
|
var dim = api.getPanelWidth();
|
|
var t = api.hover.x / dim;
|
|
var hull = api.drawHull(curve, t);
|
|
|
|
for(var i=4; i<=8; i++) {
|
|
api.drawCircle(hull[i],3);
|
|
}
|
|
|
|
var p = curve.get(t);
|
|
api.drawCircle(p, 5);
|
|
api.setFill("black");
|
|
api.drawCircle(p, 3);
|
|
var perc = (t*100)|0;
|
|
t = perc/100;
|
|
api.text("Sequential interpolation for "+perc+"% (t="+t+")", {x: 10, y:15});
|
|
}
|
|
}
|
|
};
|