change drawTurtles to take list

art/eca-henry/eca.js

@@ -68,4 +68,4 @@ for (let gen = 0; gen < w * 2; gen++) {
   drawGen(allGens[gen + 1], -gen)
 }
 
-drawTurtles(t)
+drawTurtles([t])

art/hilbert_golf-henry/index.js

@@ -5,4 +5,4 @@ for (let i of eval(
   try {
     eval(i == 'F' ? `t.forward(-0.1)` : `t.left(${i}87)`)
   } catch {}
-drawTurtles(t)
+drawTurtles([t])

art/landscape-henry/index.js

@@ -1,5 +1,5 @@
 const t = new Turtle()
-drawTurtles(t)
+drawTurtles([t])
 const time = 106
 
 const resX = 5.16

art/leaf-leo/index.js

@@ -73,4 +73,4 @@ t.iteratePath(pt => {
 t.translate([125 / 2, 125 / 2], t.cc)
 t.scale(17.2)
 
-drawTurtles(t)
+drawTurtles([t])

art/raymarching-henry/raymarch.js

@@ -263,4 +263,4 @@ world.objects = [
   new Plane(new Vec3(0, -3, 0))
 ]
 renderFrame(cam)
-drawTurtles(t)
+drawTurtles([t])

art/roots-kai/index.js

@@ -181,4 +181,4 @@ function makeBranch(turtle, length, startingT) {
 makeBranch(t, 0.1, 0)
 
 // Draw turtles array
-drawTurtles(...turtles)
+drawTurtles([turtles])

art/square-disarray-leo/index.js

@@ -45,4 +45,4 @@ for (let i = 0; i < nWidth; i++) {
 
 shapes.scale([0.9, -0.9])
 
-drawTurtles(shapes)
+drawTurtles([shapes])

art/tree-leo/index.js

@@ -84,4 +84,4 @@ for (let i = 0; i < 100000; i++) {
 
 randomWalk.rotate(randInRange(-5, 5)).translate([-0.1, -0.6])
 
-drawTurtles(trunk, randomWalk)
+drawTurtles([trunk, randomWalk])

astro/src/components/landing/ThreeDModel.astro

@@ -259,7 +259,7 @@ t.iteratePath(pt => {
 t.translate([125 / 2, 125 / 2], t.cc)
 t.scale(70)
 
-drawTurtles(t)`)
+drawTurtles([t])`)
 
     if (testTurtles.length > 1) {
       const [first, ...rest] = testTurtles

astro/src/lib/defaultProgram.js

@@ -18,7 +18,7 @@ testTurtle.translate(
   testTurtle.cc
 );
 
-drawTurtles(
+drawTurtles([
     testTurtle
-);
+]);
 `.trim()

astro/src/lib/runTextReturnTurtles.ts

@@ -19,8 +19,14 @@ const customGlobal = {
   lerp(start: number, end: number, t: number) {
     return (1 - t) * start + t * end
   },
-  drawTurtles: (...turtlesToDraw: Turtle[]) => {
-    turtlesToDraw.forEach(t => _returnTurtles.push(t))
+  drawTurtles: (turtlesToDraw: Turtle[], style = {}) => {
+    turtlesToDraw.forEach(t => {
+      const temp = t.copy();
+      if (style.fill === undefined) style.fill = "none";
+      if (style.stroke === undefined) style.stroke = "black";
+      temp.style = style;
+      turtles.push(temp);
+    });
   },
   setDocDimensions(w: number, h: number) {}
 }

docs/TOOLKIT.md

@@ -73,7 +73,7 @@ t.interpolate(tValue)
 To render a turtle use `drawTurtles` it is variadic (can take multiple turtles as arguments).
 
 ```js
-drawTurtles(...turtles)
+drawTurtles([ turtles ])
 ```
 
 You can drag in SVG's, and the interface will generate a turtle for it. Keep in mind that SVG's are often imported far too large, and will need to be scaled and translated.

guides/10PRINT.md

@@ -132,7 +132,7 @@ Each time we're at a new row, start moving horizontally by increasing `x`. At ev
 
 And, lastly, let's draw this to the screen! This is done simply by calling the function `drawTurtles` with the turtle we defined at the start.
 
-`drawTurtles(t);`
+`drawTurtles([ t ]);`
 
 And, you're done! If all went well, you should be seeing something like the below art:
 

guides/10PRINT2.md

@@ -59,7 +59,7 @@ Let's start by defining a constant `t`: this will represent our turtle. The turt
 const t = createTurtle()
 ```
 
-Directly below that, write `drawTurtles(t);`. This function makes it so that we can see the turtle's path in the preview window as we add to it.
+Directly below that, write `drawTurtles([ t ]);`. This function makes it so that we can see the turtle's path in the preview window as we add to it.
 
 Since the original artwork is made up of many diagonal lines, we'll need a function that can draw these.
 

guides/cubic_disarray.md

@@ -14,7 +14,7 @@ We can get started by setting up a turtle, and define some constants:
 
 ```js
 const t = createTurtle()
-drawTurtles(t)
+drawTurtles([ t ])
 
 const size = 10
 const squareSize = 1

guides/eca.md

@@ -167,7 +167,7 @@ for (let gen = 0; gen < w; gen++) {
   drawGen(allGens[gen + 1], gen)
 }
 
-drawTurtles(t)
+drawTurtles([ t ])
 ```
 
 Great job! There are plenty of variations on ECAs that you can explore. Here's a few more drawings done with the code, by setting only the center pixel as a one:

guides/joydivision.md

@@ -14,7 +14,7 @@ Let's give this a shot! First, simply declare a turtle, and draw it's path to th
 
 ```
 const t = new Turtle();
-drawTurtles(t);
+drawTurtles([ t ]);
 ```
 
 To actually get it to draw something, we can iterate through a grid, drawing horizontal lines:

guides/landscape.md

@@ -227,5 +227,5 @@ for (let y = 0; y < 15; y += dy) {
   }
 }
 
-drawTurtles(t)
+drawTurtles([ t ])
 ```

guides/leaf.md

@@ -39,7 +39,7 @@ const edge = createTurtle().forward(leafLength)
 // render the final leaf like such
 const leaf = createTurtle().join(edge)
 
-drawTurtles(leaf)
+drawTurtles([ leaf ])
 ```
 
 <img
@@ -70,7 +70,7 @@ const bottom = edge.copy().scale([1, -1], [0, 0])
 
 const leaf = createTurtle().join(edge).join(bottom)
 
-drawTurtles(leaf)
+drawTurtles([ leaf ])
 ```
 
 <img

guides/mesh.md

@@ -83,7 +83,7 @@ for(var y = 0; y < lines.length - 1; y++) {
   }
 }
 
-drawTurtles(t)
+drawTurtles([ t ])
 ```
 
 And, that's it! If all went well, you should have an image resembling the one at the start of the guide.

guides/roots.md

@@ -41,7 +41,7 @@ function makeBranch(turtle) {
 
 makeBranch(t)
 
-drawTurtles(...turtles)
+drawTurtles([ turtles ])
 ```
 
 You should get something like the screenshot below:
@@ -105,7 +105,7 @@ function thicken(turtle) {
 
 makeBranch(t, 0.1, 0)
 
-drawTurtles(t)
+drawTurtles([ t ])
 
 // Smoothstep
 function clamp(x, minVal, maxVal) {

guides/square-disarray.md

@@ -24,7 +24,7 @@ const shapes = createTurtle() // this will be our container turtle
 
 shapes.translate([width / 2, height / 2], shapes.cc) // this moves the center of our turtle to the center of our doc
 
-drawTurtles(shapes)
+drawTurtles([ shapes ])
 ```
 
 # Draw a Square

guides/tree.md

@@ -134,7 +134,7 @@ for (let i = 0; i < 1000; i++) {
   const [endX, endY] = randomWalk.end;
 }
 
-drawTurtles(randomWalk);
+drawTurtles([ randomWalk ]);
 ```
 
 <img src="https://github.com/hackclub/haxidraw/assets/27078897/f98e2f48-3785-4449-b936-dc5e637bdff5" height="512"/>
@@ -276,7 +276,7 @@ let startPt = trunk.ct;
 
 randomWalk.rotate(randInRange(-5, 5)).translate([-0.1, -0.6]);
 
-drawTurtles(randomWalk, trunk);
+drawTurtles([ randomWalk, trunk ]);
 ```
 
 <img src="https://github.com/hackclub/haxidraw/assets/27078897/114d17dc-b5a3-43ab-baf6-0e1dfee2d959" height="512"/>