2c:null 2d:["$","title",null,{"children":"Mycelium | Fil | Observable"}] 32:T48a,cells = { const thresh = inverse ? 1 - threshold : threshold; const cells = [ { state: 0, dir: random(2 * PI), xpos: data.width / 2, ypos: data.height / 4 } ]; let i = 0; while (i < 1000000) { const newcells = []; cells.forEach(c => { c.state += feed(c.xpos, c.ypos, thresh) - (thresh - 0.05); c.xpos += cos(c.dir); c.ypos += sin(c.dir); if (c.xpos > data.width) c.xpos -= random(12); if (c.xpos < 0) c.xpos += random(12); if (c.ypos > data.height) c.ypos -= random(12); if (c.ypos < 0) c.ypos += random(12); c.dir += random(-PI / 4, PI / 4); if (c.state > thresh / 2 && cells.length < 100) { c.state /= 2; const dd = random(PI / 4); newcells.push({ dir: c.dir + dd, state: c.state, xpos: c.xpos, ypos: c.ypos }); c.dir -= dd; } else if (c.state < 0) { c.xpos += random(-15, +15); c.ypos += random(-15, +15); c.state = 0.001; } }); newcells.forEach(c => cells.push(c)); if (i++ % speed == 0) yield cells; draw(cells); } }33:[] 30:{"id":"6aa7c6a7ca920e1d","slug":"mycelium","title":"Mycelium","thumbnail":"5a5f89a065ec108c808014b2c807d69a0efa705c6110cf5e49aeeefef1e1208a","access_level":"public","create_time":"$D2018-08-03T08:33:51.640Z","update_time":"$D2020-08-13T10:40:09.335Z","view_time":null,"first_public_time":"$D2018-08-03T09:32:58.376Z","has_unpublished_edits":null,"fork":false,"stars":10,"starred":false,"owner":{"type":"team","id":"da2a32154638c457","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":"starter_2024"},"version":194,"publish_version":194,"role":null,"authored":false,"authors":[{"type":"individual","id":"45a379fcfcb14253","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":null}],"members":[{"type":"individual","id":"45a379fcfcb14253","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":{"id":"7f51a09dd1333537","slug":"algorithms","title":"Algorithms","owner":{"id":"da2a32154638c457","login":"fil","name":"Fil"}},"type":"notebook","body":{"titling":"auto","title":"Mycelium","cells":[{"id":0,"value":"md`# Mycelium\n\nA JavaScript port of Julien Grünhagel’s [Processing Mycelium](https://github.com/rspt/processing-mycelium).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"canvas = {\n config;\n\n const context = new DOM.context2d(data.width, data.height);\n\n context.fillStyle = inverse ? \"black\" : \"white\";\n context.fillRect(0, 0, data.width, data.height);\n\n return context.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"viewof inverse = checkbox({\n description: \"\",\n options: [{ value: \"inverse\", label: \"White on Black\" }],\n value: \"inverse\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"viewof threshold = slider({\n value: 0.7,\n min: 0.02,\n max: 0.98,\n step: 0.01,\n description: \"threshold\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"viewof speed = slider({\n value: 10,\n min: 1,\n max: 100,\n step: 1,\n description: \"speed\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"viewof imgsrc = text({\n value:\n \"https://raw.githubusercontent.com/rspt/processing-mycelium/master/images/base/darkvador.jpeg\",\n submit: \"OK\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"food = {\n config;\n\n const food = [];\n for (let x = 0; x < data.width; x++) {\n food.push([]);\n for (let y = 0; y < data.height; y++) {\n food[x][y] = data[x + data.width * y];\n if (inverse) food[x][y] = 1 - food[x][y];\n }\n }\n return food;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"function feed(x, y, thresh) {\n let r = 0.0;\n x = x | 0;\n y = y | 0;\n if (x >= 0 && x < data.width && y >= 0 && y < data.height) {\n if (food[x][y] > thresh) {\n r = thresh;\n food[x][y] -= thresh;\n } else {\n r = food[x][y];\n food[x][y] = 0.0;\n }\n }\n return r;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"function draw(cells) {\n const context = canvas.getContext(\"2d\");\n context.strokeStyle = inverse ? \"white\" : \"black\";\n context.beginPath();\n cells.forEach(c => {\n if (c.state > 0.001) {\n context.moveTo(c.xpos, c.ypos), context.lineTo(c.xpos, c.ypos + 1);\n }\n });\n context.stroke();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"// from https://beta.observablehq.com/@mbostock/voronoi-stippling\ndata = new Promise((resolve, reject) => {\n const image = new Image();\n image.crossOrigin = \"anonymous\";\n image.onerror = reject;\n image.onload = () => {\n const height = Math.round((width * image.height) / image.width);\n const context = DOM.context2d(width, height, 1);\n context.drawImage(\n image,\n 0,\n 0,\n image.width,\n image.height,\n 0,\n 0,\n width,\n height\n );\n const { data: rgba } = context.getImageData(0, 0, width, height);\n const data = new Float64Array(width * height);\n for (let i = 0, n = rgba.length / 4; i < n; ++i)\n data[i] = Math.max(0, 1 - rgba[i * 4] / 254);\n data.width = width;\n data.height = height;\n resolve(data);\n };\n image.src =\n imgsrc;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"md`----\n_boring zone_`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"import { checkbox, slider, text, file } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"PI = Math.PI","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"cos = Math.cos","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"sin = Math.sin","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"function random(a, b) {\n if (b === undefined) return a * Math.random();\n return (b - a) * Math.random() + a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"config = ({ threshold, inverse, speed })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"