docs(grid-iterators): update all anims, update readme

thi-ng · Mar 25, 2023 · 5e2531a · 5e2531a
1 parent 1047a2d
commit 5e2531a
Show file tree

Hide file tree

Showing 18 changed files with 15 additions and 11 deletions.
diff --git a/assets/grid-iterators/columns2d-small.gif b/assets/grid-iterators/columns2d-small.gif
diff --git a/assets/grid-iterators/diagonal2d-small.gif b/assets/grid-iterators/diagonal2d-small.gif
diff --git a/assets/grid-iterators/diagonalslopex-small.gif b/assets/grid-iterators/diagonalslopex-small.gif
diff --git a/assets/grid-iterators/diagonalslopey-small.gif b/assets/grid-iterators/diagonalslopey-small.gif
diff --git a/assets/grid-iterators/hilbert2d-small.gif b/assets/grid-iterators/hilbert2d-small.gif
diff --git a/assets/grid-iterators/interleavecolumns2d-small.gif b/assets/grid-iterators/interleavecolumns2d-small.gif
diff --git a/assets/grid-iterators/interleaverows2d-small.gif b/assets/grid-iterators/interleaverows2d-small.gif
diff --git a/assets/grid-iterators/random2d-small.gif b/assets/grid-iterators/random2d-small.gif
diff --git a/assets/grid-iterators/rows2d-small.gif b/assets/grid-iterators/rows2d-small.gif
diff --git a/assets/grid-iterators/spiral2d-small.gif b/assets/grid-iterators/spiral2d-small.gif
diff --git a/assets/grid-iterators/zcurve2d-small.gif b/assets/grid-iterators/zcurve2d-small.gif
diff --git a/assets/grid-iterators/zigzagcolumns2d-small.gif b/assets/grid-iterators/zigzagcolumns2d-small.gif
diff --git a/assets/grid-iterators/zigzagdiag2d-small.gif b/assets/grid-iterators/zigzagdiag2d-small.gif
diff --git a/assets/grid-iterators/zigzagdiagonal2d-small.gif b/assets/grid-iterators/zigzagdiagonal2d-small.gif
diff --git a/assets/grid-iterators/zigzagrows2d-small.gif b/assets/grid-iterators/zigzagrows2d-small.gif
diff --git a/packages/grid-iterators/README.md b/packages/grid-iterators/README.md
@@ -131,7 +131,7 @@ which only includes the end points of each row.
 
 ### Zigzag diagonal
 
-![anim](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/grid-iterators/zigzagdiag2d-small.gif)
+![anim](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/grid-iterators/zigzagdiagonal2d-small.gif)
 
 [Source](https://github.com/thi-ng/umbrella/tree/develop/packages/grid-iterators/src/zigzag-diagonal.ts)
 

diff --git a/packages/grid-iterators/tools/build-assets.ts b/packages/grid-iterators/tools/build-assets.ts
@@ -1,3 +1,4 @@
+import { lch } from "@thi.ng/color";
 import { asSvg, group, polyline, rect, svgDoc } from "@thi.ng/geom";
 import {
 	columns2d,
@@ -54,19 +55,22 @@ iterators.forEach(([fn, opts]) => {
 						width: 600,
 						height: 600,
 						viewBox: "-1 -1 18 18",
-						stroke: "black",
-						"stroke-width": 0.1,
+						stroke: "none",
 					},
-					polyline(
-						pts.slice(0, i * 2).map(([x, y]) => [x + 0.5, y + 0.5])
-					),
 					group(
-						{ fill: [0, 1, 0.5, 0.25], stroke: "none" },
-						pts.slice(0, i * 2 - 1).map((p) => rect(p, 1))
+						{},
+						pts.slice(0, i * 2 - 1).map((p, j) =>
+							rect(p, 1, {
+								fill: lch(0.8, 0.6, j / 256, 0.5),
+							})
+						)
+					),
+					polyline(
+						pts.slice(0, i * 2).map(([x, y]) => [x + 0.5, y + 0.5]),
+						{ stroke: "black", "stroke-width": 0.1 }
 					),
 					rect(pts[i * 2 - 1], 1, {
-						fill: [0, 1, 0.5, 0.85],
-						stroke: "none",
+						fill: "black",
 					})
 				)
 			)

diff --git a/packages/grid-iterators/tpl.readme.md b/packages/grid-iterators/tpl.readme.md
@@ -98,7 +98,7 @@ which only includes the end points of each row.
 
 ### Zigzag diagonal
 
-![anim](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/grid-iterators/zigzagdiag2d-small.gif)
+![anim](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/grid-iterators/zigzagdiagonal2d-small.gif)
 
 [Source](https://github.com/thi-ng/umbrella/tree/develop/packages/grid-iterators/src/zigzag-diagonal.ts)