30:T656,{ const months = Array.from({ length: 12 }, (_, i) => new Date(0, i).toLocaleString("en", { month: "long" }) ); const year = new Date().getFullYear(); const canvas = document.createElement("canvas"); const ctx = canvas.getContext("2d"); const table = parsedEvents.map((e) => { const d = e.d.map((r) => r - (e.s && leap(year + e.o) ? 1 : 0)); const c = e.c.flatMap((i) => { return [shades[i], shades[i + 32]].map((j, k) => { const v = Pixel8.class.palette[j].join(","); const m = k * 4; return html`

`; }); }); const [w, h, s] = e.i.split(","); canvas.width = w; canvas.height = h; const img = ctx.createImageData(w, h); const data = img.data; const sa = Array.from(s).map((ch) => parseInt(ch, 33)); for (let y = 0; y < h; y++) { for (let x = 0; x < w; x++) { const i = y * w + x; const pi = sa[i]; if (pi < 32) { const [r, g, b] = Pixel8.class.palette[pi]; const o = i * 4; data[o] = r; data[o + 1] = g; data[o + 2] = b; data[o + 3] = 255; } } } ctx.putImageData(img, 0, 0); const i = canvas.toDataURL(); return { Month: months[e.m - 1], Days: d.join(", "), Colors: html`

${c}

`, Image: html`

` }; }); return Inputs.table(table, { format: { Colors: (i) => i, Image: (i) => i } }); }31:T700,update = (px8) => { px8.cls(); const now = Date.now(); const e = findEvent(now); const diff = new Date(now - k); const n = Math.floor(diff.getTime() / 1000); const str1 = Math.floor(n / (60 * 60 * 24)).toString(); const str2 = [diff.getUTCHours(), diff.getUTCMinutes(), diff.getUTCSeconds()] .map((n) => n.toString().padStart(2, "0")) .join(":"); const w = e !== null ? parseInt(e.i.substr(0, 1)) : 0; const strl2 = str1.length + w / 4 + 1 / 2 + str2.length; const str2p = w + str1.length * 4 + 3; const rn = px8.rng(BigInt(n))(); let c1 = shades[rn & 31]; let c2 = shades[(rn & 31) + 32]; if (e !== null) { c1 = shades[e.c[rn % e.c.length] & 31]; c2 = shades[(e.c[rn % e.c.length] & 31) + 32]; } px8.cls(); px8.fillp(rn, c2); px8.rectfill(0, 0, px8.w - 1, px8.h - 1, c1); px8.fillp(); for (let i = 0; i < 4 * strl2 + 8; i++) { for (let j = 0; j < 12; j++) { let v = 3; if ( (i === 1 || j === 1 || i === strl2 * 4 + 6 || j === 10) && i > 0 && j > 0 && i < strl2 * 4 + 7 && j < 11 ) { v = (Math.abs(i - (4 * strl2 + 7) / 2) ^ Math.abs(j - 5.5)) + n * 4; } px8.pset(i + px8.w2 - 4 - strl2 * 2, j + px8.h2 - 6, v); } } if (e != null) px8.sspr(e.i, 17 + px8.w2 - 2 * strl2, px8.h2 - 3, w, 6); [ [-1, -1], [0, -1], [1, -1], [-1, 0], [1, 0], [-1, 1], [0, 1], [1, 1] ].forEach(([x, y], i) => { px8.print(str1, px8.w2 - 2 * strl2 + x, px8.h2 - 2 + y, i < 3 ? 20 : 0); px8.print( str2, str2p + px8.w2 - 2 * strl2 + x, px8.h2 - 2 + y, i < 3 ? 20 : 0 ); }); px8.print(str1, px8.w2 - 2 * strl2, px8.h2 - 2, 3); px8.print(str2, str2p + px8.w2 - 2 * strl2, px8.h2 - 2, 3); }32:[] 2e:{"title":"Timer","cells":[{"id":0,"value":"# Timer","pinned":false,"hidden":false,"mode":"md"},{"id":143,"value":"timer = Pixel8.canvas(update, { w: 96, h: 48, s: 5 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":178,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"shades = [\n 0, 24, 1, 2, 20, 4, 5, 6, 4, 8, 9, 10, 16, 12, 13, 11, 20, 16, 17, 18, 0, 20,\n 21, 22, 20, 24, 25, 26, 9, 28, 15, 27, 20, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11,\n 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"findEvent = (input) => {\n const date = input instanceof Date ? input : new Date(input);\n const year = date.getFullYear();\n const month = date.getMonth() + 1;\n const day = date.getDate();\n for (const event of parsedEvents) {\n if (event.m === month) {\n for (const d of event.d) {\n if (day === d - (event.s && leap(year + event.o))) {\n return event;\n }\n }\n }\n }\n return null;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":109,"value":"leap = (year) => (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0","pinned":false,"hidden":false,"mode":"ojs"},{"id":146,"value":"parsedEvents = events.map((i) => parseEvent(i))","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"value":"parseEvent = (str) => {\n const parts = str.split(\":\");\n let [mraw, draw, braw, craw, i] = parts;\n const m = parseInt(mraw);\n const d = draw.split(\",\").map((x) => parseInt(x));\n const b = parseInt(braw);\n const s = b & 0b001;\n const o = (b & 0b110) >> 1;\n const c = craw.split(\",\").map((x) => parseInt(x));\n return { m, d, s, o, c, i };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"events = [\n \"1:10:7:25:5,6,wwfwwfffffbfffb2fbf2wb2bww2w2w\",\n \"1:24:7:0:5,6,wwfwwfffffbfffb2fbf2wb2bww2w2w\",\n \"2:14:0:5:5,6,55w55565654565424542w242www2ww\",\n \"3:20,21:1:9,12:7,6,wwwwwcdccgwcdgcddcdg22ccg22ww22gwwww88k88w\",\n \"12:25:0:5,16,2:5,6,wwfwwwgg6ww6ccwggggg22822ww2ww\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"k = new Date(\"2021-09-26T10:37:00.000+03:30\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"import { Pixel8 } from \"@nxrix/pixel-8\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}