30:[] 2e:{"title":"Shimmy","cells":[{"id":0,"value":"md`# Shimmy\n\nAdding to [David Reed’s notebook](/@dvreed77/shimmy).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"viewof config = {\n const form = html``;\n form.oninput = () => {\n form.value = {\n s: form.s.valueAsNumber,\n l: form.l.valueAsNumber,\n f: form.f.valueAsNumber\n };\n form.os.value = `${form.value.s.toFixed(1)}px`;\n form.ol.value = `${form.value.l.toFixed(0)}px`;\n form.of.value = `${form.value.f.toFixed(3)}`;\n };\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"canvas = {\n const context = DOM.context2d(width, height);\n const coordinates = new Float64Array(points.length * 2);\n const voronoi = new d3.Delaunay(coordinates).voronoi([0, 0, width, height]);\n while (true) {\n const z = performance.now() * 0.0001;\n context.clearRect(0, 0, width, height);\n for (let i = 0, j = -1; i < points.length; ++i) {\n const [x, y] = points[i];\n const t = noise(x * config.f, y * config.f, z) * Math.PI;\n coordinates[++j] = x + config.l * Math.cos(t);\n coordinates[++j] = y + config.l * Math.sin(t);\n }\n context.beginPath();\n voronoi.update().render(context);\n context.stroke();\n yield context.canvas;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":89,"value":"height = 600","pinned":true,"hidden":false,"mode":"ojs"},{"id":128,"value":"points = d3.hexbin()\n .radius(config.s)\n .extent([[-config.l, -config.l], [width + config.l, height + config.l]])\n .centers()","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"noise = {\n const simplex = new (await require(\"simplex-noise@2\"));\n return simplex.noise3D.bind(simplex);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":287,"value":"d3 = require(\"d3-hexbin@0.2\", \"d3-delaunay@5\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}