Cycle colors rather than randomly select them

rocicorp · Apr 29, 2021 · 7981436 · 7981436
1 parent d42b7a2
commit 7981436
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/shared/shape.ts b/shared/shape.ts
@@ -98,9 +98,14 @@ function key(id: string): string {
 }
 
 const colors = ["red", "blue", "white", "green", "yellow"];
+let nextColor = 0;
 
 export function randomShape() {
   const s = randInt(100, 400);
+  const fill = colors[nextColor++];
+  if (nextColor == colors.length) {
+    nextColor = 0;
+  }
   return {
     id: newID(),
     shape: {
@@ -110,7 +115,7 @@ export function randomShape() {
       width: s,
       height: s,
       rotate: randInt(0, 359),
-      fill: colors[randInt(0, colors.length - 1)],
+      fill,
     } as Shape,
   };
 }