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

improved lazy loading

Browse Source
This commit is contained in:
Pomax
2020-09-13 13:18:15 -07:00
parent a626c2c8cb
commit c0a1207d67
27 changed files with 163 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
docs/chapters/circles_cubic/circle.js
View File

@@ -1,11 +1,11 @@
let curve, r;
let curve, r, kappa = 0.5519768352769461;
setup() {
r = 100;
curve = new Bezier(this, [
{ x: r, y: 0 },
{ x: r, y: 0.55228 * r },
{ x: 0.55228 * r, y: r},
{ x: r, y: kappa * r },
{ x: kappa * r, y: r},
{ x: 0, y: r }
]);
}
@@ -38,12 +38,12 @@ draw() {
curve.drawCurve(`#CC00CC40`);
setColor(`#CC00CC`);
line(r, 0, r, -0.55228 * r);
circle(r, -0.55228 * r, 2);
text(`reflected`, r + 7, -0.55228 * r + 3, LEFT);
line(r, 0, r, -kappa * r);
circle(r, -kappa * r, 2);
text(`reflected`, r + 7, -kappa * r + 3, LEFT);
setColor(`#CC00CC40`);
line(0, -r, 0.55228 * r, -r);
line(0, -r, kappa * r, -r);
curve.points.forEach(p => {
p.x = -p.x;
@@ -52,12 +52,12 @@ draw() {
curve.drawCurve(`#0000CC40`);
setColor(`#0000CC`);
line(0, r, -0.55228 * r, r);
circle(-0.55228 * r, r, 2);
text(`reflected`, -0.55228 * r - 5, r + 3, RIGHT);
line(0, r, -kappa * r, r);
circle(-kappa * r, r, 2);
text(`reflected`, -kappa * r - 5, r + 3, RIGHT);
setColor(`#0000CC40`);
line(-r, 0, -r, 0.55228 * r);
line(-r, 0, -r, kappa * r);
curve.points.forEach(p => p.y = -p.y);
curve.drawCurve(`#00000040`);