JAN17 + tweak to JAN16

ronikaufman · Jan 17, 2023 · dfc16f6 · dfc16f6
1 parent b011b37
commit dfc16f6
Show file tree

Hide file tree

Showing 7 changed files with 46 additions and 2 deletions.
diff --git a/JAN11-20/JAN16/sketch.js b/JAN11-20/JAN16/sketch.js
@@ -5,7 +5,6 @@ By Roni Kaufman
 https://ronikaufman.github.io
 */
 
-let myFont;
 let s = 5;
 let N_FRAMES = 360;
 

diff --git a/JAN11-20/JAN17/JAN17_1.png b/JAN11-20/JAN17/JAN17_1.png
diff --git a/JAN11-20/JAN17/JAN17_2.png b/JAN11-20/JAN17/JAN17_2.png
diff --git a/JAN11-20/JAN17/JAN17_3.png b/JAN11-20/JAN17/JAN17_3.png
diff --git a/JAN11-20/JAN17/sketch.js b/JAN11-20/JAN17/sketch.js
@@ -0,0 +1,43 @@
+/*
+Genuary 2023
+JAN.17 "A grid inside a grid inside a grid"
+By Roni Kaufman
+https://ronikaufman.github.io
+*/
+
+let s = 20, probFactor;
+
+function setup() {
+    createCanvas(33*s, 33*s);
+    noStroke();
+    textSize(s*0.7);
+    textAlign(CENTER, CENTER);
+    noLoop();
+    probFactor = random(1/2, 3/4);
+}
+
+function draw() {
+    background("#050505");
+    makeCompo(s, s, width-2*s, height-2*s, 4, 1);
+}
+
+function makeCompo(x, y, w, h, n, prob) {
+    if (n == 0 || random() > prob) {
+        let c = random(["🟦", "🟥", "🟨", "⬜"]);
+        for (let x1 = x; x1 < x+w; x1 += s) {
+            for (let y1 = y; y1 < y+h; y1 += s) {
+                push();
+                translate(x1+s/2, y1+s/2);
+                rotate(random(TAU));
+                text(c, 0, 0);
+                pop();
+            }
+        }
+        return;
+    }
+    let wHalf = (w-s)/2, hHalf = (h-s)/2, newProb = prob*probFactor;
+    makeCompo(x, y, wHalf, hHalf, n-1, newProb);
+    makeCompo(x+wHalf+s, y, wHalf, hHalf, n-1, newProb);
+    makeCompo(x, y+hHalf+s, wHalf, hHalf, n-1, newProb);
+    makeCompo(x+wHalf+s, y+hHalf+s, wHalf, hHalf, n-1, newProb);
+}
diff --git a/README.md b/README.md
@@ -93,6 +93,8 @@ Reference: ["Wanderer (rotations)" on the Tilings Encyclopedia](https://tilings.
 ### JAN. 17
 > A grid inside a grid inside a grid
 
+<img src="./JAN11-20/JAN17/JAN17_1.png" width="30%"/> <img src="./JAN11-20/JAN17/JAN17_2.png" width="30%"/> <img src="./JAN11-20/JAN17/JAN17_3.png" width="30%"/>
+
 ### JAN. 18
 > Definitely not a grid
 

diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <html>
   <head>
     <script src="./p5.min.js" type="text/javascript"></script>
-    <script src="JAN11-20/JAN16/sketch.js" type="text/javascript"></script>
+    <script src="JAN11-20/JAN17/sketch.js" type="text/javascript"></script>
   </head>
   <body style = "width: 100%; height: 100%; background-color: 0; margin: 0; display: flex; justify-content: center; align-items: center;">
   </body>