[Example] Halloween Clock (#188)

* Add halloween clock

* Update pr numebr

Author: pearmini

app/examples/halloween-clock.recho.js

@@ -0,0 +1,152 @@
+/**
+ * @title Halloween Clock
+ * @author Bairui Su
+ * @created 2025-10-31
+ * @pull_request 188
+ * @github pearmini
+ * @thumbnail_start 18
+ */
+
+/**
+ * ============================================================================
+ * =                            Halloween Clock                                =
+ * ============================================================================
+ *
+ * Recreated the Halloween Clock by Kirsten Allen.
+ *
+ * - https://codepen.io/kirstenallen/pen/PwZpoEN
+ */
+
+//➜ 💀🎃🎃🎃💀💀🎃🎃🎃🎃💀💀💀💀💀💀💀💀💀💀💀🎃💀💀💀💀🎃💀💀💀💀💀💀💀💀💀💀💀💀🎃💀💀💀🎃🎃🎃💀💀
+//➜ 🎃💀💀💀🎃💀💀💀💀💀🎃💀💀💀🎃💀💀💀💀💀🎃🎃💀💀💀🎃🎃💀💀💀💀💀🎃💀💀💀💀💀🎃🎃💀💀🎃💀💀💀🎃💀
+//➜ 💀💀💀💀🎃💀💀💀💀💀🎃💀💀💀🎃💀💀💀💀🎃💀🎃💀💀💀💀🎃💀💀💀💀💀🎃💀💀💀💀🎃💀🎃💀💀🎃💀💀💀🎃💀
+//➜ 💀💀💀🎃💀💀💀🎃🎃🎃💀💀💀💀💀💀💀💀🎃💀💀🎃💀💀💀💀🎃💀💀💀💀💀💀💀💀💀🎃💀💀🎃💀💀💀🎃🎃🎃💀💀
+//➜ 💀💀🎃💀💀💀💀💀💀💀🎃💀💀💀🎃💀💀💀🎃🎃🎃🎃🎃💀💀💀🎃💀💀💀💀💀🎃💀💀💀🎃🎃🎃🎃🎃💀🎃💀💀💀🎃💀
+//➜ 💀🎃💀💀💀💀💀💀💀💀🎃💀💀💀🎃💀💀💀💀💀💀🎃💀💀💀💀🎃💀💀💀💀💀🎃💀💀💀💀💀💀🎃💀💀🎃💀💀💀🎃💀
+//➜ 🎃🎃🎃🎃🎃💀🎃🎃🎃🎃💀💀💀💀💀💀💀💀💀💀💀🎃💀💀💀🎃🎃🎃💀💀💀💀💀💀💀💀💀💀💀🎃💀💀💀🎃🎃🎃💀💀
+{
+  const date = new Date(now);
+  const h = date.getHours().toString().padStart(2, "0");
+  const m = date.getMinutes().toString().padStart(2, "0");
+  const s = date.getSeconds().toString().padStart(2, "0");
+  const time = `${h}:${m}:${s}`;
+  const buffer = range(7).map(() => range(6 * time.length).fill("💀"));
+  for (let i = 0; i < time.length; i++) {
+    const char = time[i];
+    const pattern = digitPatterns[char];
+    for (let j = 0; j < pattern.length; j++) {
+      for (let k = 0; k < pattern[j].length; k++) {
+        buffer[j][i * 6 + k] = pattern[j][k] ? "🎃" : "💀";
+      }
+    }
+  }
+  echo(buffer.map((row) => row.join("")).join("\n"));
+}
+
+function range(n) {
+  return Array.from({length: n}, (_, i) => i);
+}
+
+const now = recho.now();
+
+const digitPatterns = {
+  0: [
+    [0, 1, 1, 1, 0],
+    [1, 0, 0, 0, 1],
+    [1, 0, 0, 0, 1],
+    [1, 0, 0, 0, 1],
+    [1, 0, 0, 0, 1],
+    [1, 0, 0, 0, 1],
+    [0, 1, 1, 1, 0],
+  ],
+  1: [
+    [0, 0, 1, 0, 0],
+    [0, 1, 1, 0, 0],
+    [0, 0, 1, 0, 0],
+    [0, 0, 1, 0, 0],
+    [0, 0, 1, 0, 0],
+    [0, 0, 1, 0, 0],
+    [0, 1, 1, 1, 0],
+  ],
+  2: [
+    [0, 1, 1, 1, 0],
+    [1, 0, 0, 0, 1],
+    [0, 0, 0, 0, 1],
+    [0, 0, 0, 1, 0],
+    [0, 0, 1, 0, 0],
+    [0, 1, 0, 0, 0],
+    [1, 1, 1, 1, 1],
+  ],
+  3: [
+    [1, 1, 1, 1, 0],
+    [0, 0, 0, 0, 1],
+    [0, 0, 0, 0, 1],
+    [0, 1, 1, 1, 0],
+    [0, 0, 0, 0, 1],
+    [0, 0, 0, 0, 1],
+    [1, 1, 1, 1, 0],
+  ],
+  4: [
+    [0, 0, 0, 1, 0],
+    [0, 0, 1, 1, 0],
+    [0, 1, 0, 1, 0],
+    [1, 0, 0, 1, 0],
+    [1, 1, 1, 1, 1],
+    [0, 0, 0, 1, 0],
+    [0, 0, 0, 1, 0],
+  ],
+  5: [
+    [1, 1, 1, 1, 1],
+    [1, 0, 0, 0, 0],
+    [1, 1, 1, 1, 0],
+    [0, 0, 0, 0, 1],
+    [0, 0, 0, 0, 1],
+    [0, 0, 0, 0, 1],
+    [1, 1, 1, 1, 0],
+  ],
+  6: [
+    [0, 1, 1, 1, 0],
+    [1, 0, 0, 0, 0],
+    [1, 1, 1, 1, 0],
+    [1, 0, 0, 0, 1],
+    [1, 0, 0, 0, 1],
+    [1, 0, 0, 0, 1],
+    [0, 1, 1, 1, 0],
+  ],
+  7: [
+    [1, 1, 1, 1, 1],
+    [0, 0, 0, 0, 1],
+    [0, 0, 0, 1, 0],
+    [0, 0, 1, 0, 0],
+    [0, 1, 0, 0, 0],
+    [0, 1, 0, 0, 0],
+    [0, 1, 0, 0, 0],
+  ],
+  8: [
+    [0, 1, 1, 1, 0],
+    [1, 0, 0, 0, 1],
+    [1, 0, 0, 0, 1],
+    [0, 1, 1, 1, 0],
+    [1, 0, 0, 0, 1],
+    [1, 0, 0, 0, 1],
+    [0, 1, 1, 1, 0],
+  ],
+  9: [
+    [0, 1, 1, 1, 0],
+    [1, 0, 0, 0, 1],
+    [1, 0, 0, 0, 1],
+    [0, 1, 1, 1, 1],
+    [0, 0, 0, 0, 1],
+    [1, 0, 0, 0, 1],
+    [0, 1, 1, 1, 0],
+  ],
+  ":": [
+    [0, 0, 0, 0, 0],
+    [0, 0, 1, 0, 0],
+    [0, 0, 1, 0, 0],
+    [0, 0, 0, 0, 0],
+    [0, 0, 1, 0, 0],
+    [0, 0, 1, 0, 0],
+    [0, 0, 0, 0, 0],
+  ],
+};