31:[] 2f:{"title":"Generative design Notebook 3: colour wheel","cells":[{"id":0,"value":"md`# Generative design Notebook 3: colour wheel`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"md`One of my 2020 goals is to do more Generative Design. This notebook is inspired by exercisen P_1_1_2 from the book Generative Design by Benedikt Gross and Hartmut Bohnhacker.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"viewof object = form(html``)","pinned":false,"hidden":false,"mode":"ojs"},{"id":93,"value":"object.slice","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"p5(sketch => {\n let system;\n \n sketch.setup = function() {\n sketch.createCanvas(width, height);\n sketch.noStroke();\n \n };\n \n sketch.draw = function() {\n sketch.colorMode(sketch.HSB, 360, 100, 100);\n sketch.background(360, 0, height);\n \n const angleStep = Math.floor(360 / object.slice);\n sketch.beginShape(sketch.TRIANGLE_FAN); // this comes from P5.js\n sketch.vertex(centerX, centerY);\n \n for (var angle = 0; angle <= 360; angle += angleStep) {\n const vx = centerX + sketch.cos(sketch.radians(angle)) * radius;\n const vy = centerY + sketch.sin(sketch.radians(angle)) * radius;\n sketch.vertex(vx, vy);\n sketch.fill(angle, 100, 100);\n }\n \n sketch.endShape();\n \n };\n \n \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"centerX = width / 2;","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"centerY = height / 2;","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"radius = (height / 2) - 40;","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"height = width / 2;","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"import {p5} from \"@tmcw/p5\";","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}