29:null 2a:["$","title",null,{"children":"Genuary 2023 - Day 2 - Made in 10 Minutes | Chris Ried | Observable"}] 2f:T876,p5((s) => { let system, H, W; W = form.width; H = form.height; // Color let bg, c1, c2, c3, c4; bg = getColor(); c1 = s.color(getColor()); c2 = s.color(getColor()); c3 = s.color(getColor()); c4 = s.color(getColor()); // Rest of the variables let x, y, nfx, wh, nf, ct; // Setup function /////////////////////////////////////////////////////// s.setup = function () { s.createCanvas(W, H); s.noStroke(); nf = form.nf; ct = 0; }; // Draw function /////////////////////////////////////////////////////// s.draw = function () { ct = 0; while (ct < 100) { x = s.random(W); y = s.random(H); nfx = s.noise(x * nf, y * nf); s.push(); s.translate(x, y); s.rotate(Math.PI * nfx); wh = s.random(form.scale) * s.sin(0.02 * s.frameCount); if (nfx < 0.1) { s.fill(c1); noisy_rect(0, 0, wh, wh, 1); } if (nfx > 0.1 && nfx < 0.2) { s.fill(c2); noisy_rect(0, 0, wh, wh, 1); } if (nfx > 0.2 && nfx < 0.3) { s.fill(c3); noisy_rect(0, 0, wh, wh, 1); } if (nfx > 0.3 && nfx < 0.4) { s.fill(c4); noisy_rect(0, 0, wh, wh, 1); } if (nfx > 0.4 && nfx < 0.5) { s.fill(c1); noisy_rect(0, 0, wh, wh, 1); } if (nfx > 0.5 && nfx < 0.6) { s.fill(c2); noisy_rect(0, 0, wh, wh, 1); } if (nfx > 0.6 && nfx < 0.7) { s.fill(c3); noisy_rect(0, 0, wh, wh, 2); } if (nfx > 0.7 && nfx < 0.8) { s.fill(c4); noisy_rect(0, 0, wh, wh, 2); } if (nfx > 0.8 && nfx < 0.9) { s.fill(c1); noisy_rect(0, 0, wh, wh, 2); } if (nfx > 0.9) { s.fill(c2); noisy_rect(0, 0, wh, wh, 2); } s.pop(); ct += 1; } }; // Noisy Rectangle function /////////////////////////////////////////////////////// const noisy_rect = (x, y, w, h, r) => { s.noStroke(); let cnt = 0; while (cnt < 100) { let ix = s.random(w); let iy = s.random(h); s.ellipse(ix, iy, r, r); cnt += 1; } }; })30:[] 2d:{"id":"d733c061b8e19e74","slug":null,"title":"Genuary 2023 - Day 2 - Made in 10 Minutes","thumbnail":"ee48313c7c186320d6c0a4b79ea92b536a95f2d361c3f38ad3a8fe6d811934f2","access_level":"public","create_time":"$D2023-01-06T19:08:19.004Z","update_time":"$D2023-02-02T19:20:11.121Z","view_time":null,"first_public_time":"$D2023-01-06T19:54:30.048Z","fork":true,"stars":6,"starred":false,"owner":{"type":"team","id":"b021585f8dd574ac","login":"cdr6934","name":"Chris Ried","avatar_url":"https://avatars-next.observableusercontent.com/79ffdb5b29f55f658282d26aa24a67562ae37cdf1cefc1287a1fb37076740f6a","tier":"starter_2024"},"version":370,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2b08471af969fd79","login":"cdr6934","name":"Chris Ried","avatar_url":"https://avatars-next.observableusercontent.com/79ffdb5b29f55f658282d26aa24a67562ae37cdf1cefc1287a1fb37076740f6a","tier":null}],"members":[{"type":"individual","id":"2b08471af969fd79","login":"cdr6934","name":"Chris Ried","avatar_url":"https://avatars-next.observableusercontent.com/79ffdb5b29f55f658282d26aa24a67562ae37cdf1cefc1287a1fb37076740f6a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"5d0af939059dd028","slug":"genuary-2023","title":"Genuary 2023","owner":{"id":"b021585f8dd574ac","login":"cdr6934","name":"Chris Ried"}},"type":"notebook","body":{"title":"Genuary 2023 - Day 2 - Made in 10 Minutes","cells":[{"id":0,"value":"# Genuary 2023 - Day 2 - Made in 10 Minutes\nHere we are going to be creating something real quick in 10 minutes. \n\n\nAny additional information around [Genuary](https://genuary.art/prompts#jan2) can be found in the link. \n\nBy the way... if you didn't know I have a [newsletter](https://generative.substack.com) dedicated to creative coding.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"viewof form = Inputs.form({\n width: Inputs.range([0, 1000], { label: \"Width\", step: 1, value: 1000 }),\n height: Inputs.range([4, 1000], { label: \"Height\", step: 1, value: 500 }),\n nf: Inputs.range([0, 0.1], {\n label: \"Noise Scale\",\n step: 0.0001,\n value: 0.002\n }),\n scale: Inputs.range([10, 150], { label: \"Square size\", step: 1, value: 75 }),\n color_prob: Inputs.range([0.001, 0.1], {\n label: \"Color Probability Change\",\n step: 0.001,\n value: 0.02\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"## Appendix\nJust a number of helper functions to be used ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":199,"value":"getColor = () => {\n let a = [\n \"#6cb59d\",\n \"#7bc6b3\",\n \"#a9d5c8\",\n \"#d5e1ce\",\n \"#77bcb4\",\n \"#7cb1d0\",\n \"#507b96\",\n \"#8ec4db\",\n \"#8fb8c2\",\n \"#565c65\",\n \"#e7c558\",\n \"#e48d4d\",\n \"#c6a896\",\n \"#e2cdc0\",\n \"#e1ccbf\",\n \"#f5e8da\",\n \"#f9f9f5\",\n \"#b1b7b9\",\n \"#ccdac6\",\n \"#68514b\",\n \"#dd5c4e\",\n \"#e67047\",\n \"#d07060\",\n \"#db7169\",\n \"#689b9b\",\n \"#f19f9d\",\n \"#365a5e\",\n \"#f6cfc4\",\n \"#516d67\",\n \"#3d485d\"\n ];\n return a[getRandomInt(a.length)];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"getRandomInt = (max) => {\n return Math.floor(Math.random() * max);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"import { p5 } from \"@tmcw/p5\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"