2f:T423,{ const g0 = generate(0); const g1 = generate(1); return svg``; }30:[] 2d:{"title":"Penrose P2 via substitution, with SVG","cells":[{"id":0,"value":"md`# Penrose P2 via substitution, with SVG`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1011,"value":"md`Also see: [Penrose P3 via an L-system](https://observablehq.com/@kelleyvanevert/penrose-p3-via-an-l-system)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":759,"value":"viewof coloring = radio({\n title: \"Coloring\",\n options: [\"0\", \"1\", \"2\", \"3\", \"4\"],\n value: \"4\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":863,"value":"viewof scale = slider({\n title: \"Scale\",\n min: 1,\n max: 3,\n value: 1.35\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":670,"value":"viewof firstTile = radio({\n title: \"First tile\",\n options: [\"kite\", \"dart\"],\n value: \"kite\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":633,"value":"viewof depth = slider({\n title: \"Generation\",\n description:\n \"This is what it's all about: how much tiles should the substitution be performed?\",\n min: 0,\n max: 8,\n step: 1,\n value: 3\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":504,"value":"gen = {\n const initialOffset = {\n kite: [0.3, 0],\n dart: [-0.6, 0]\n };\n\n return svg``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":997,"value":"md``","pinned":false,"hidden":false,"mode":"ojs"},{"id":918,"value":"md`## How does it work?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1000,"value":"md`By starting out with 1 tile, and then successively applying [the substitution rules](https://www.wolframalpha.com/input/?i=penrose+tiles).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":922,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":896,"value":"function generate(depth) {\n if (depth === 0) {\n return {\n kite: ``,\n dart: ``\n };\n }\n\n const sub = generate(depth - 1);\n return {\n kite: `\n ${sub.kite}\n ${sub.kite}\n ${sub.dart}\n `,\n dart: `\n \n ${sub.dart}\n \n ${sub.kite}\n `\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":982,"value":"theme = themes[coloring]","pinned":false,"hidden":false,"mode":"ojs"},{"id":892,"value":"themes = [\n { kite: \"#F5F0F6\", dart: \"#C8C6D7\", background: \"#2B4162\", arrow: \"white\" },\n { kite: \"#f55951\", dart: \"#543c52\", background: \"gold\", arrow: \"black\" },\n { kite: \"#333\", dart: \"white\", background: \"#eee\", arrow: \"black\" },\n { kite: \"#307473\", dart: \"#2DC2BD\", background: \"#12664f\", arrow: \"white\" },\n { kite: \"#E8E9EB\", dart: \"#F06543\", background: \"#313638\", arrow: \"white\" }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"shapes = ({\n kite: [[short, 0], [0, 1], [-long, 0], [0, -1], [short, 0]],\n dart: [[short, 0], [0, 1], [long, 0], [0, -1], [short, 0]]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":234,"value":"s = a / b","pinned":false,"hidden":false,"mode":"ojs"},{"id":228,"value":"// the long side of the kite\na = long / Math.cos(tau / 10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":231,"value":"// the short side of a kite\nb = short / Math.sin(beta)","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"// the longer part of the straight line through the kite\nlong = 1 / Math.tan(tau / 10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"// the shorter part of the straight line through the kite\nshort = 1 / Math.tan(tau / 5)","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"alpha = tau / 4 - tau / 10","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"beta = tau / 5 - alpha","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"tau = pi * 2","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"pi = Math.PI","pinned":false,"hidden":false,"mode":"ojs"},{"id":344,"value":"import { checkbox, slider, radio } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}