Draw a waffle

rose-lang · Nov 16, 2023 · fc0100e · fc0100e
1 parent c95eefa
commit fc0100e
Showing 1 changed file with 24 additions and 2 deletions.
diff --git a/packages/site/src/main.ts b/packages/site/src/main.ts
@@ -57,7 +57,7 @@ const rotateZ = (theta: number): Mat3x3 => [
  [0, 0, 1],
 ];
 
-const screen = [scale(150), rotateX(-1), rotateZ((-3 * Math.PI) / 4)].reduce(
+const screen = [scale(130), rotateX(-1), rotateZ((-3 * Math.PI) / 4)].reduce(
  matMul,
 );
 
@@ -91,7 +91,7 @@ const draw: FrameRequestCallback = (milliseconds) => {
 
  const pulse = Math.sin(milliseconds / 1000) / 10;
 
- ctx.fillStyle = "white";
+ ctx.fillStyle = "grey";
  ctx.beginPath();
  poly([
  [1 + pulse + arrowLen, 0, 0],
@@ -110,6 +110,28 @@ const draw: FrameRequestCallback = (milliseconds) => {
  ctx.closePath();
  ctx.fill();
 
+ ctx.strokeStyle = "white";
+ ctx.lineWidth = 3;
+ ctx.lineCap = "round";
+ for (let x = -0.875; x < 0.9; x += 0.25) {
+ const y = Math.sqrt((1 + pulse) ** 2 - x ** 2);
+ ctx.beginPath();
+ poly([
+ [x, -y, 0],
+ [x, y, 0],
+ ]);
+ ctx.stroke();
+ }
+ for (let y = -0.875; y < 0.9; y += 0.25) {
+ const x = Math.sqrt((1 + pulse) ** 2 - y ** 2);
+ ctx.beginPath();
+ poly([
+ [-x, y, 0],
+ [x, y, 0],
+ ]);
+ ctx.stroke();
+ }
+
  window.requestAnimationFrame(draw);
 };