29:null 2a:["$","title",null,{"children":"Genuary 2023 - Day 7 - Favorite Album / Movie Palette | Chris Ried | Observable"}] 2f:Ta19,p5((s) => { let system, wv; // Color let bg, c1, c2, c3, c4, c5; bg = getColor(); // Rest of the variables let x, y, nfx, wh, nf, ct, spread; // Setup function /////////////////////////////////////////////////////// s.setup = function () { s.createCanvas(W, H); s.noStroke(); updateColors(); nf = form.nf; ct = 0; spread = 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); wv = 100 * s.sin(0.02 * s.frameCount); wh = s.random(form.scale) + wv; if (nfx < 0.1) { s.fill(s.lerpColor(c1, c2, nfx)); } if (nfx > 0.1 && nfx < 0.2) { s.fill(c2); } if (nfx > 0.2 && nfx < 0.3) { s.fill(c3); } if (nfx > 0.3 && nfx < 0.4) { s.fill(c4); } if (nfx > 0.4 && nfx < 0.5) { s.fill(s.lerpColor(c1, c2, nfx)); } if (nfx > 0.5 && nfx < 0.6) { s.fill(s.lerpColor(c2, c3, nfx)); } if (nfx > 0.6 && nfx < 0.7) { s.fill(s.lerpColor(c3, c4, nfx)); } if (nfx > 0.7 && nfx < 0.8) { s.fill(s.lerpColor(c1, c4, s.random(1))); } if (nfx > 0.8 && nfx < 0.9) { s.fill(c1); } if (nfx > 0.9) { s.fill(c2); } if ( !inCircle(W * (0.5 + spread), H * 0.5, x, y) || !inCircle(W * (0.5 - spread), H * 0.5, x, y) ) { noisy_rect(0, 0, wh, wh, 1); } else { s.fill(c5); noisy_rect(0, 0, wh, wh, 1); } s.pop(); ct += 1; if (s.random() < 0.0001) { updateColors(); } if (s.random() < 0.01) { spread += 0.001; } } }; const inCircle = (cx, cy, x, y) => { let d, r, res; r = 500; d = s.dist(x, y, cx, cy); if (d > r) { res = false; } else { res = true; } return res; }; const updateColors = () => { c1 = s.color(getColor()); c2 = s.color(getColor()); c3 = s.color(getColor()); c4 = s.color(getColor()); c5 = s.color(getColor()); }; // 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.rect(ix, iy, r, r); cnt += 1; } }; })30:[] 2d:{"id":"b6db008d792e9e78","slug":null,"title":"Genuary 2023 - Day 7 - Favorite Album / Movie Palette","thumbnail":"fd82c5bcfc3098da78eedf23fd44424690881689a41c58aed4fe5a8f4f03e88b","access_level":"public","create_time":"$D2023-01-07T21:37:04.435Z","update_time":"$D2023-02-02T19:22:12.093Z","view_time":null,"first_public_time":"$D2023-01-07T21:49:00.892Z","fork":{"id":"d733c061b8e19e74","slug":null,"title":"Genuary 2023 - Day 2 - Made in 10 Minutes","owner":{"id":"b021585f8dd574ac","login":"cdr6934","name":"Chris Ried"}},"stars":2,"starred":false,"owner":{"type":"team","id":"b021585f8dd574ac","login":"cdr6934","name":"Chris Ried","avatar_url":"https://avatars-next.observableusercontent.com/79ffdb5b29f55f658282d26aa24a67562ae37cdf1cefc1287a1fb37076740f6a","tier":"starter_2024"},"version":409,"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":0,"collection":{"id":"5d0af939059dd028","slug":"genuary-2023","title":"Genuary 2023","owner":{"id":"b021585f8dd574ac","login":"cdr6934","name":"Chris Ried"}},"type":"notebook","body":{"title":"Genuary 2023 - Day 7 - Favorite Album / Movie Palette","cells":[{"id":0,"value":"# Genuary 2023 - Day 7 - Favorite Album / Movie Palette \nBeen working to really give day 2 some more love but with a favorite movie palette. I will be using Dune as a recent favorite color of mine. \n\nAny additional information around [Genuary](https://genuary.art/prompts#jan7) 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: 1000 }),\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})","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":374,"value":"W = form.width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":377,"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"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"