2a:null 2b:["$","title",null,{"children":"1DCA | Ron Smith | Observable"}] 30:T4ef,function OneDCA() { const pWide = 640; // multiple of 4 please const pHigh = 800; // multiple of 2 please. Careful. Big pictures are slow. Ever heard of downsampling? Use the zoom variable. const zoom = 2; const nWide = pWide/zoom; const nHigh = pHigh/zoom; let rule = getRule(r); let msa = MakeStandardAxes(0,pWide,"none",0,pHigh,"none",pHigh,pWide,{top:20,bottom:20,right:20,left:20}) let svg=msa[0],x=msa[1],y=msa[2]; let grid = init(nHigh, nWide); let state, newstate; // Make an initial condition grid[0][nWide/2]="1"; for(let r=1;r (nWide-1)) ) { state = state + "0"; } else { state = state + grid[r-1][c+i].toString(); } } // Got state, get new state for that cell. newstate = rule[getState(state)]; // We're going to do things ByRef for a minute and probably have a weird picture. grid[r][c]=newstate; let clr; if (newstate>0) { clr = getMyColor(newstate) addCircle(svg,x(zoom*c),y(zoom*(nHigh-r)), 0.2,clr,clr) } } } return svg.node().parentNode; return [msa,grid,state,newstate] }31:[] 2e:{"id":"0c7305c08c25c418","slug":"1dca","title":"1DCA","thumbnail":"58a00177db16c4be445ff9f26498956bad148bde8a4f447c17cd431bccda06c2","access_level":"public","create_time":"$D2019-02-01T03:54:12.384Z","update_time":"$D2019-02-18T22:49:32.782Z","view_time":null,"first_public_time":"$D2019-02-01T04:40:19.985Z","fork":true,"stars":3,"starred":false,"owner":{"type":"team","id":"8dab63897b6adf13","login":"ronzor","name":"Ron Smith","avatar_url":"https://avatars-next.observableusercontent.com/72c20176307cf53407d67a22afcc4d7d49bbdd419afc85de1cf01fe8aa2e320f","tier":"starter_2024"},"version":692,"publish_version":692,"role":null,"authored":false,"authors":[{"type":"individual","id":"a5eeba816274b983","login":"ronzor","name":"Ron Smith","avatar_url":"https://avatars-next.observableusercontent.com/72c20176307cf53407d67a22afcc4d7d49bbdd419afc85de1cf01fe8aa2e320f","tier":null}],"members":[{"type":"individual","id":"a5eeba816274b983","login":"ronzor","name":"Ron Smith","avatar_url":"https://avatars-next.observableusercontent.com/72c20176307cf53407d67a22afcc4d7d49bbdd419afc85de1cf01fe8aa2e320f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"1DCA","cells":[{"id":0,"value":"md`# 1DCA\n\nOk, Dan. Here we go. Might have to find a way to print intermediate updates or make a progress bar for this one!\n\nBecauase it's my version, everything is off center by one pixel, so the \"symmetric\" rules don't necessarily make symmetric pictures :-)\n\nThe boundaries are treated as zeros.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":576,"value":"md`--- ---\nColors (the number of possible states for a cell) are defined for nColors = 2 to 4. To use more than 4 colors, modify the getMyColor function.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":550,"value":"viewof nColors = text(\n {value: \"2\", \n description: \"Number of colors, between 2 and 4 unless you extend the code yourself.\", \n submit: \"Make it so\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":605,"value":"md`The function in the cell below should take an integer and return a color:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":578,"value":"function getMyColor(myValue) {\n // Cells will have a value 0,1,...,nColors-1. Return a corresponding color. Purple=you asked for an undefined color.\n let ans;\n switch (myValue) {\n case \"1\":\n {ans=\"black\"}\n break;\n case \"2\":\n {ans=\"red\"}\n break;\n case \"3\":\n {ans=\"orange\"}\n break;\n case \"4\":\n {ans=\"yellow\"}\n break;\n default:\n ans=\"purple\"\n }\n return ans\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":589,"value":"md`--- ---\nValid rules are currently in the range [${0}, ${nColors**(nColors**neigh)-1}]`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":442,"value":"viewof r = text(\n {value: \"126\", \n description: \"Select a valid rule. I'm not validating them. Strange things might happen if you pick an invalid rule.\", \n submit: \"Update the picture\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":569,"value":"md`You can copy a valid random number from below (up till nColors=3, then they get a little big).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":564,"value":"{\n rando;\n return Math.round((nColors**(nColors**neigh)-1)*Math.random()).toString()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":671,"value":"viewof rando = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":573,"value":"md`--- ---\nThe current rule is ${r} and it translates to: ${getRule(r)}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":647,"value":"img = OneDCA()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":687,"value":"DOM.download(await rasterize(img))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":652,"value":"md`_ronzor_ ~ 2019 Jan 31\n--- ---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":236,"value":"function zeroRow(n) {\n // Make a row of n zeros\n let arr = [];\n for (let i=0;i convert to a base 10 number representing the state (e.g., 101=5)\n // I'll try to handle converting numbers to strings and vice-versa, but no promises! GIGO.\n let n,x,ans;\n x = neighborhood.toString().split('');\n n = x.length;\n ans = 0;\n for (let i=0;i>> 0).toString(2)\n // retrieved 2019 Jan 31 from: \n // https://stackoverflow.com/questions/9939760/how-do-i-convert-an-integer-to-binary-in-javascript\n //\n // apply padding as needed:\n temp = temp.padStart(bits,0);\n return temp;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":500,"value":"function dec2base (dec, base) {\n\t// 2019 Jan 31 from: https://codepen.io/lemmin/pen/mOdgrw\n // supersedes dec2bin. Almost as mysterious.\n function digit2char (dig) {\n \tif (dig < 10)\n \treturn dig.toString();\n return String.fromCharCode(65+dig%10);\n }\n function dive (n) {\n var f = Math.floor(n/base);\n var r = n%base;\n return ((f >= base) ? dive(f) : digit2char(f)) + digit2char(r);\n }\n return dive(dec);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":684,"value":"import {rasterize} from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":674,"value":"md`--- ---\n_3 colors with rule=6794121004150 was kind of neat_`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2f:"$2e:body"