31:[] 2f:{"title":"Elementary Cellular Automata","cells":[{"id":0,"value":"md`# Elementary Cellular Automata\n\nbut i think i messed up seomething up\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"viewof ruleNumber = {\n const form = html``;\n\n form.oninput = () => {\n form.value = rules.reduce((acc, rule, i) => {\n rule.enabled = form[`r_${ i }`].checked;\n acc += rule.enabled ? Math.pow(2, 7-i) : 0;\n return acc;\n }, 0);\n }\n \n form.oninput();\n \n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"{ \n ruleNumber;\n \n const w = Math.floor(width/3);\n const h = 300;\n \n // create the canvas\n const ctx = DOM.context2d(w, h, 1);\n ctx.canvas.style.width = '100%';\n ctx.canvas.style.background = '#fff';\n ctx.canvas.style.imageRendering = \"pixelated\";\n ctx.fillStyle=\"rgb(65,65,65,1)\";\n \n // fill the top center point\n ctx.fillRect(Math.floor(w/2),0,1,1);\n \n for (let r=1; r columns[c*4+3]/255;\n for (let c=0; c\n .rules {\n display: flex; \n width: 100%;\n }\n\n .rule {\n flex: 1;\n margin: 0 10px;\n }\n\n .set {\n display: flex;\n height: 25px;\n justify-content: space-around;\n }\n\n .r {\n border: 1px solid #000;\n border-radius: 3px;\n width: 25px;\n }\n\n .r.on {\n background: steelblue;\n }\n\n .toggle { \n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .toggle input {\n display: block;\n }\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"rules = {\n let rules = Array.from({ length: 8 }, (d,i) => i.toString(2).padStart(3, \"0\").split(\"\"));\n\n rules[1].enabled = true;\n rules[2].enabled = true;\n rules[4].enabled = true;\n rules[5].enabled = true;\n rules[7].enabled = true;\n \n\n return rules;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}