cleaned up gallery

.gitignore

@@ -8,3 +8,4 @@ astro/.astro/types.d.ts
 .vercel
 */node_modules
 astro/.env
+.env

art/eca-henry/eca.js

@@ -1,4 +1,4 @@
-const t = new Turtle()
+const t = createTurtle();
 
 const w = 50
 
@@ -68,4 +68,7 @@ for (let gen = 0; gen < w * 2; gen++) {
   drawGen(allGens[gen + 1], -gen)
 }
 
-drawTurtles([t])
+t.scale(110/t.height);
+t.translate([125/2, 125/2], t.cc);
+
+drawTurtles([t]);

art/hilbert_golf-henry/index.js

@@ -1,8 +1,11 @@
-let t = new Turtle([7, -6])
+let t = createTurtle([7, -7])
 for (let i of eval(
   `'A'` + `.replace(/[AB]/g,c=>c=='A'?'-BF+AFA+FB-':'+AF-BFB-FA+')`.repeat(5)
 ))
   try {
     eval(i == 'F' ? `t.forward(-0.1)` : `t.left(${i}87)`)
   } catch {}
+
+t.scale(125/t.width);
+t.translate([125/2, 125/2], t.cc);
 drawTurtles([t])

art/landscape-henry/index.js

@@ -1,5 +1,5 @@
-const t = new Turtle()
-drawTurtles([t])
+const t = createTurtle();
+
 const time = 106
 
 const resX = 5.16
@@ -84,3 +84,9 @@ function drawLandscape() {
 }
 
 drawLandscape()
+
+t.scale(125/t.width);
+t.translate([125/2, 0], t.cb);
+
+drawTurtles([t])
+

art/raymarching-henry/raymarch.js

@@ -3,7 +3,7 @@ const screenHeight = 2
 const dx = 0.01
 const dy = 0.01
 
-const t = new Turtle()
+const t = createTurtle()
 
 class Vec3 {
   constructor(x, y, z) {

art/roots-kai/index.js

@@ -3,7 +3,7 @@
 const WIDTH = 10
 const HEIGHT = 20
 
-const t = new Turtle([WIDTH / 2, 0])
+const t = createTurtle([WIDTH / 2, 0])
 t.right(90)
 
 // Manage array of turtles that need to be drawn
@@ -88,7 +88,7 @@ function thicken(turtle, startingTime) {
       const deltaX = rightPoint[0] - leftPoint[0]
       const deltaY = rightPoint[1] - leftPoint[1]
 
-      const ring = new Turtle(leftPoint)
+      const ring = createTurtle(leftPoint)
         .setAngle((Math.atan2(deltaY, deltaX) / Math.PI) * 180)
         .forward(Math.sqrt(deltaX * deltaX + deltaY * deltaY)) // Straight line from left to right
         .resample(0.01) // Resample so we can modulate individual points
@@ -162,7 +162,7 @@ function makeBranch(turtle, length, startingT) {
       pt[0] += parentThickness * Math.cos(curAngleRad - a)
       pt[1] += parentThickness * Math.sin(curAngleRad - a)
 
-      const newBranch = new Turtle(pt)
+      const newBranch = createTurtle(pt)
       newBranch.setAngle(curAngleDeg)
 
       newBranch.right(a)
@@ -180,5 +180,11 @@ function makeBranch(turtle, length, startingT) {
 // Make initial branch
 makeBranch(t, 0.1, 0)
 
+// Center piece
+const final = createTurtle();
+turtles.forEach(t => final.join(t));
+final.scale(115/final.height)
+final.translate([125/2, 125/2], final.cc)
+
 // Draw turtles array
-drawTurtles([turtles])
+drawTurtles([ final ])

art/tree-leo/index.js

@@ -84,4 +84,8 @@ for (let i = 0; i < 100000; i++) {
 
 randomWalk.rotate(randInRange(-5, 5)).translate([-0.1, -0.6])
 
-drawTurtles([trunk, randomWalk])
+const final = [trunk, randomWalk].reduce((acc, cur) => acc.join(cur), createTurtle());
+final.scale(110/final.height);
+final.translate([125/2, 0], final.cb);
+
+drawTurtles([final]);

astro/src/components/Toolbar.tsx

@@ -186,11 +186,12 @@ function DownloadSVG() {
         const paths = turtles.map(turtleToPath)
 
         const svg = `
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${
-                  docDimensions.width
-                } ${docDimensions.height}" width="${
-                  docDimensions.width
-                }mm" height="${docDimensions.height}mm">
+                <svg 
+                  xmlns="http://www.w3.org/2000/svg" 
+                  viewBox="0 0 ${docDimensions.width} ${docDimensions.height}" 
+                  width="${docDimensions.width}mm" 
+                  height="${docDimensions.height}mm"
+                  style="transform: scale(1, -1)">
                     ${paths.join('\n')}
                 </svg>
             `
@@ -239,11 +240,12 @@ function DownloadPNG() {
         const paths = turtles.map(turtleToPath)
 
         const svg = `
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${
-                  docDimensions.width
-                } ${docDimensions.height}" width="${
-                  docDimensions.width
-                }mm" height="${docDimensions.height}mm">
+                <svg 
+                  xmlns="http://www.w3.org/2000/svg" 
+                  viewBox="0 0 ${docDimensions.width} ${docDimensions.height}" 
+                  width="${docDimensions.width}mm" 
+                  height="${docDimensions.height}mm"
+                  style="transform: scale(1, -1)">
                     ${paths.join('\n')}
                 </svg>
             `

astro/src/components/landing/ThreeDModel.astro

@@ -20,7 +20,6 @@
   import { MTLLoader } from 'three/addons/loaders/MTLLoader.js'
   import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
   import * as THREE from 'three'
-  import { turtles } from '../../lib/paths.js'
   import { runTextReturnTurtles } from '../../lib/runTextReturnTurtles.ts'
 
   window.onload = () => {