info/BezierInfo-2
1
0
Fork 0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-09-03 05:12:43 +02:00
Code Issues Releases Wiki Activity

added sliders to sketches that should have one, improved lazy loading

Browse Source
This commit is contained in:
Pomax
2020-08-21 23:39:36 -07:00
parent 65173c10a2
commit ad5da1f088
67 changed files with 833 additions and 643 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
docs/chapters/decasteljau/decasteljau.js
View File

@@ -1,28 +1,37 @@
let curve;
setup() {
curve = new Bezier(this, 90, 200, 25, 100, 220, 40, 210, 240);
setMovable(curve.points);
this.curve = new Bezier(this, 90, 200, 25, 100, 220, 40, 210, 240);
setMovable(this.curve.points);
this.position = 0;
setSlider(`.slide-control`, v => this.setPosition(v));
}
setPosition(v) {
this.position = v;
}
draw() {
clear();
const curve = this.curve;
curve.drawSkeleton();
curve.drawCurve();
setStroke("rgb(200,100,100)");
let dim = this.height;
let t = this.cursor.x / dim;
curve.drawStruts(t);
let t = this.position;
if (0 < t && t < 1) {
curve.drawStruts(t);
}
curve.drawPoints();
let p = curve.get(t);
circle(p.x, p.y, 5);
if (0 < t && t < 1) {
let p = curve.get(t);
circle(p.x, p.y, 5);
let perc = (t*100)|0;
t = perc/100;
text(`Sequential interpolation for ${perc}% (t=${t})`, 10, 15);
let perc = (t*100)|0;
let rt = perc/100;
text(`Sequential interpolation for ${perc}% (t=${rt})`, 10, 15);
}
}
onMouseMove() {