29:null 2a:["$","title",null,{"children":"Simple Shape Fractals | Irene de la Torre | Observable"}] 2f:T72c,p5((sketch) => { redraw; let thisDepth = 0; const numShapes = 3; let angles = [ input.nAngle, // 0 degrees input.nAngle + (Math.PI * 2) / 3, // 120 degrees (for 3) input.nAngle + (Math.PI * 4) / 3 // 240 degrees (for 3 ) ]; if (input.randomize) { angles = [ input.nAngle + Math.random() * Math.PI * 2, input.nAngle + Math.random() * Math.PI * 2, input.nAngle + Math.random() * Math.PI * 2 ]; } let this_size = 0, dist = 0, scaleFactor = 0.6; sketch.setup = function () { sketch.createCanvas(size.w, size.h); if (input.randomize) { sketch.noStroke(); this_size = size.h / 4.5; dist = [ (this_size * Math.random() * 1.5 + 1) / 2, (this_size * Math.random() * 1.5 + 1) / 2, (this_size * Math.random() * 1.5 + 1) / 2 ]; } else { this_size = size.h / 4; dist = (1.5 * this_size) / 2; } sketch.background(colors.bkg); sketch.stroke(colors.shape_stroke); // sketch.noLoop(); }; sketch.draw = function () { sketch.push(); sketch.translate(size.w / 2, size.h / 2); if (thisDepth < input.maxDepth) { drawShape(); iterate(thisDepth); sketch.pop(); thisDepth += 1; } else { sketch.noLoop(); thisDepth = thisDepth; } }; function drawShape() { sketch.fill(colors.shape); sketch.ellipse(0, 0, this_size); } function iterate(depth) { for (var i = 0; i < numShapes; i += 1) { sketch.push(); sketch.rotate(angles[i]); if (input.randomize) { sketch.translate(dist[i], 0); } else { sketch.translate(dist, 0); } sketch.scale(scaleFactor, scaleFactor); drawShape(); if (depth > 0) { iterate(depth - 1); } sketch.pop(); } } })30:[] 2d:{"id":"d1f1dc493a601513","slug":null,"title":"Simple Shape Fractals","thumbnail":"d3521bd5d9c4ee2c7ede3e9dd48c476418678d5faf75b7e35eda358370904da5","access_level":"public","create_time":"$D2023-12-06T11:15:55.379Z","update_time":"$D2023-12-10T15:32:46.917Z","view_time":null,"first_public_time":"$D2023-12-10T15:17:03.258Z","fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"006f4a94220e8098","login":"irenedelatorre","name":"Irene de la Torre","avatar_url":"https://avatars-next.observableusercontent.com/0d9b3a93c0212a1910f2dbe7e50e487d664f9ca30862ec468fd7110607304a0c","tier":"starter_2024"},"version":235,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"cf230089d660f755","login":"irenedelatorre","name":"Irene de la Torre","avatar_url":"https://avatars-next.observableusercontent.com/0d9b3a93c0212a1910f2dbe7e50e487d664f9ca30862ec468fd7110607304a0c","tier":null}],"members":[{"type":"individual","id":"cf230089d660f755","login":"irenedelatorre","name":"Irene de la Torre","avatar_url":"https://avatars-next.observableusercontent.com/0d9b3a93c0212a1910f2dbe7e50e487d664f9ca30862ec468fd7110607304a0c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"5ac5d5776609fdcf","slug":"generative-design-exercises","title":"Generative Design","owner":{"id":"006f4a94220e8098","login":"irenedelatorre","name":"Irene de la Torre"}},"type":"notebook","body":{"title":"Simple Shape Fractals","cells":[{"id":0,"value":"# Simple Shape Fractals","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":186,"value":"From the book Playing With Chaos by Keith Peters ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":192,"value":"viewof input = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":176,"value":"viewof redraw = Inputs.button(\"New drawing\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":18,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"## Annex","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":14,"value":"### Arguments for the canvas","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":16,"value":"size = ({ w: 800, h: 800 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":31,"value":"colors = ({\n bkg: \"#222222\",\n shape: `rgba(255, 207, 14, ${input.maxDepth >= 5 ? 0.05 : 0.25})`,\n shape_stroke: \"rgba(255, 207, 14, 1)\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":3,"value":"import { p5, ParticleSystem } from \"@tmcw/p5\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":207,"value":"import { form } from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"