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:{"title":"Simple Shape Fractals","cells":[{"id":0,"value":"# Simple Shape Fractals","pinned":false,"hidden":false,"mode":"md"},{"id":186,"value":"From the book Playing With Chaos by Keith Peters ","pinned":false,"hidden":false,"mode":"md"},{"id":192,"value":"viewof input = form(html``)","pinned":false,"hidden":false,"mode":"ojs"},{"id":176,"value":"viewof redraw = Inputs.button(\"New drawing\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"## Annex","pinned":false,"hidden":false,"mode":"md"},{"id":14,"value":"### Arguments for the canvas","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"size = ({ w: 800, h: 800 })","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":8,"value":"## Imports","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"import { p5, ParticleSystem } from \"@tmcw/p5\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"import { form } from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}