27:null 28:["$","title",null,{"children":"Genuary 2023 - Day 26 - My kid could have made it | Chris Ried | Observable"}] 2d:T5cc,p5((s) => { let system, x, y, xdir, ydir, vari; // Color let clr = 0; let bg = getColor(); let c1 = s.color(getColor()); let c2 = s.color(getColor()); s.setup = function () { s.createCanvas(W, H); s.noStroke(); s.background(bg); xdir = 1; ydir = 1; vari = s.random(1); }; s.draw = function () { for (let n = 0; n < 20; n++) { for (let i = 0; i < pnts.length; i++) { s.fill(pnts[i].clr); drawPencil(pnts[i].x, pnts[i].y, 100); pnts[i].x += pnts[i].xdir + s.random(-1, 1); pnts[i].y += pnts[i].ydir + s.random(-1, 1); // Checks color if (s.random(1) < 0.001) { pnts[i].clr = getColor(); } // Randomly changes direction pnts[i].xdir = s.random(1) < vari ? (pnts[i].xdir == -1 ? 1 : -1) : pnts[i].xdir; pnts[i].ydir = s.random(1) < vari ? (pnts[i].ydir == -1 ? 1 : -1) : pnts[i].ydir; // Checks to see if it bumped a wayy if (pnts[i].x > W || pnts[i].x < 0) { pnts[i].xdir = pnts[i].xdir == -1 ? 1 : -1; } if (pnts[i].y > H || pnts[i].y < 0) { pnts[i].ydir = pnts[i].ydir == -1 ? 1 : -1; } } } }; const drawPencil = (x, y, r) => { let cx, cy; s.push(); s.translate(x, y); for (let i = 0; i < 10; i++) { cx = 10 * s.sin(s.random()); cy = 10 * s.cos(s.random()); s.ellipse(cx, cy, 1, 1); } s.pop(); }; })2e:[] 2b:{"id":"785dbac4fff4d79e","slug":null,"title":"Genuary 2023 - Day 26 - My kid could have made it","thumbnail":"028b85b8d9409647d065051e700d2410d9af3363552b0a74e83636d0e7d9aa64","access_level":"public","create_time":"$D2023-01-28T03:49:55.459Z","update_time":"$D2023-02-02T19:32:27.888Z","view_time":null,"first_public_time":"$D2023-02-08T03:18:33.868Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"b021585f8dd574ac","login":"cdr6934","name":"Chris Ried","avatar_url":"https://avatars-next.observableusercontent.com/79ffdb5b29f55f658282d26aa24a67562ae37cdf1cefc1287a1fb37076740f6a","tier":"starter_2024"},"version":420,"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":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"5d0af939059dd028","slug":"genuary-2023","title":"Genuary 2023","owner":{"id":"b021585f8dd574ac","login":"cdr6934","name":"Chris Ried"}},"type":"notebook","body":{"title":"Genuary 2023 - Day 26 - My kid could have made it","cells":[{"id":0,"value":"# Genuary 2023 - Day 26 - My kid could have made it\n\n\n*Letting a \"brush\" walk on its own creates some very visually appealing pieces even if it may look like a child could do it*\n\nAny additional information around [Genuary](https://genuary.art/prompts#jan26) 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.\n","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: 1000 }),\n\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"pnts = {\n let arr = [];\n for (let i = 0; i < 100; i++) {\n arr[i] = {\n x: Math.random() * W,\n y: Math.random() * H,\n clr: getColor(),\n xdir: Math.random() < 0.5 ? 1 : -1,\n ydir: Math.random() < 0.5 ? 1 : -1\n };\n }\n return arr;\n}","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":345,"value":"W = form.width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":347,"value":"H = form.height","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","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"},{"id":340,"value":"import { try_it } from \"@observablehq/notes\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2c:"$2b:body"