30:T608,function clock(t) { const r = s / 2; const strokeWidth = 1; const degreesPerRadian = 180 / Math.PI; const rh = 0.5 * r; const rm = 0.9 * r; const gray = "#aaa"; const hourHand = svg``; const minuteHand = svg``; // Having a mark for each minute decreases performance. // const minuteMarks = Array.from({ length: 60 }).map((_, i) => { // const isFive = i % 5 === 0; // return svg``; // }); const hy1 = 0.8 * r; const hy2 = 0.9 * r; const hourMarks = Array.from({ length: 12 }).map((_, i) => { return svg``; }); const theSvg = svg``; function update(t) { theSvg.t = t; const ah = (t % 0.5) * 2 * tau; const am = ((t * 24) % 1) * tau; hourHand.setAttribute("transform", `rotate(${degreesPerRadian * ah})`); minuteHand.setAttribute("transform", `rotate(${degreesPerRadian * am})`); } theSvg.update = update; update(t); return theSvg; }31:[] 2e:{"title":"Analog clock","cells":[{"id":0,"value":"md`# Analog clock`","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"{\n const clocks = tAll.map(t => {\n const c = clock(t);\n c.style.display = \"block\";\n return c;\n });\n const view = html`

${clocks}`;\n\n while (true) {\n clocks.forEach((clock, i) => {\n // clock.update(clock.t + 0.001 + Math.sin(i + now / 100000));\n clock.update(clock.t + Math.sin(i) * 1e-3 + 0.0001);\n });\n yield view;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"viewof h = Inputs.range([0, 23], { label: \"h\", value: 6 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"viewof m = Inputs.range([0, 60], { label: \"m\", value: 10 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"t = (h + m / 60) / 24","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"clock(t)","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"s = 60","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"n = Math.floor(width / s) ** 2","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"tAll = Array.from({ length: n }, (_, i) => t + i / n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":139,"value":"{\n let t = 0;\n const c = clock(t);\n\n while (true) {\n t += 0.001;\n c.update(t + Math.sin(now / 10000));\n yield c;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":84,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"tau = 2 * Math.PI;","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}