2f: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(); }; })30:[] 2d:{"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"},{"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"},{"id":5,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":254,"value":"## Appendix\nJust a number of helper functions to be used ","pinned":false,"hidden":false,"mode":"md"},{"id":345,"value":"W = form.width","pinned":true,"hidden":false,"mode":"ojs"},{"id":347,"value":"H = form.height","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":204,"value":"getRandomInt = (max) => {\n return Math.floor(Math.random() * max);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"import { p5 } from \"@tmcw/p5\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":340,"value":"import { try_it } from \"@observablehq/notes\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}