info/BezierInfo-2
1
0
Fork 0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-08-21 16:02:08 +02:00
Code Issues Releases Wiki Activity

figured out how to reuse sketches with data-attribute parameters

Browse Source
This commit is contained in:
Pomax
2020-08-26 21:56:58 -07:00
parent bf88ba4e4c eb997e6455
commit 94a98120ae
93 changed files with 5805 additions and 24390 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/chapters/weightcontrol/rational.js
View File

@@ -1,18 +1,20 @@
let curve;
setup() {
this.curve = Bezier.defaultCubic(this);
setMovable(this.curve.points);
curve = Bezier.defaultCubic(this);
setMovable(curve.points);
const inputs = findAll(`input[type=range]`);
if (inputs) {
const ratios = inputs.map(i => parseFloat(i.value));
this.curve.setRatios(ratios);
curve.setRatios(ratios);
inputs.forEach((input,pos) => {
const span = input.nextSibling;
input.listen(`input`, evt => {
const value = parseFloat(evt.target.value);
span.textContent = ratios[pos] = value;
this.curve.update();
curve.update();
this.redraw();
});
})
@@ -21,12 +23,7 @@ setup() {
draw() {
clear();
const curve = this.curve;
curve.drawSkeleton();
curve.drawCurve();
curve.drawPoints();
}
onMouseMove() {
redraw();
}