2b:null 2c:["$","title",null,{"children":"AsciiMorph | Kelley van Evert | Observable"}] 31:T468,function crushLine(lines, no, start, end, c) { const cy = Math.floor(dim.h / 2); const crushDirection = no > cy ? -1 : 1; lines = lines.slice(); lines[no] = replaceAt(lines[no], start, " "); lines[no] = replaceAt(lines[no], end, " "); if (end - 1 !== start + 1 && start !== end && start + 1 !== end) { lines[no + crushDirection] = replaceAt( lines[no + crushDirection], start + 1, "+*/\\".substr(Math.floor(Math.random() * "+*/\\".length), 1) ); lines[no + crushDirection] = replaceAt( lines[no + crushDirection], end - 1, "+*/\\".substr(Math.floor(Math.random() * "+*/\\".length), 1) ); } else if ( (start === end || start + 1 === end) && no + 1 !== cy && no - 1 !== cy && no !== cy ) { lines[no + crushDirection] = replaceAt( lines[no + crushDirection], start, "+*/\\".substr(Math.floor(Math.random() * "+*/\\".length), 1) ); lines[no + crushDirection] = replaceAt( lines[no + crushDirection], end, "+*/\\".substr(Math.floor(Math.random() * "+*/\\".length), 1) ); } return lines; }32:T423,function squareOut(im) { const { w, h } = info(im); let cx = Math.floor(w / 2); let cy = Math.floor(h / 2); // Pad out right side of image to make it square im = im.map(line => line.padEnd(w)); const padx = Math.max(0, (dim.w - w) / 2); const pady = Math.max(0, (dim.h - h) / 2); // Pad horizontally if (pos === "center" || pos[1] === "c") { im = im.map(line => line.padStart(dim.w - padx).padEnd(dim.w)); cx += padx; } else if (pos[1] === "r") { im = im.map(line => line.padStart(dim.w)); cx += 2 * padx; } else { im = im.map(line => line.padEnd(dim.w)); } // Pad vertically if (pos === "center" || pos[0] === "c") { im = Array(Math.ceil(pady)) .fill(''.padEnd(dim.w)) .concat(im) .concat(Array(Math.floor(pady)).fill(''.padEnd(dim.w))); cy += pady; } else if (pos[0] === "b") { im = Array(pady * 2) .fill(''.padEnd(dim.w)) .concat(im); cy += 2 * pady; } else { im = im.concat(Array(pady * 2).fill(''.padEnd(dim.w))); } return [im, { cx, cy }]; }33:T76f,gingerbread_men = ` GINGERBREAD MEN =============== ╭─── wet ingredients ─────────────╮ ╭─── DRY ingredients ─────────────╮ │ │ │ │ Cream until light & fluffly: * 3 C flour (+- 5min) * 3 tsp baking powder * 1 TB ginger * 85g butter * 2 tsp cinnamon * 3/4C brown suger * 1 tsp allspice (piment), or just more "koekkruiden" Then add: * 1/4 (or more?) tsp cloves │ │ * 1 large egg ╰───┬─────────────────────────────╯ * 2 tsp (vanilla) aroma │ │ And: │ │ │ * 1/2C mollasses (yum!) │ │ │ │ │ ╰─────────────────────────────────╯ │ │ Gradually add: │ │ * ──────────────────────────────────────────╯ ~~ R E F R I G E R A T E ~~ for at least 2h, until FIRM * Roll out to be 1 cm thicc * Cut out gingerbread men Bake @ 180ºC for about 12min`.split('\n')34:[] 2f:{"id":"6c22de5830aca635","slug":"asciimorph","title":"AsciiMorph","thumbnail":"37b50f22a597ddb1f24ecc644d7c35766189d416076aa5e6a3e6f98f90ecba8d","access_level":"public","create_time":"$D2020-12-30T18:25:21.767Z","update_time":"$D2020-12-31T00:38:31.369Z","view_time":null,"first_public_time":"$D2020-12-30T18:33:04.503Z","fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"cdda271b76654961","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":"starter_2024"},"version":404,"publish_version":404,"role":null,"authored":false,"authors":[{"type":"individual","id":"a35690ff73833989","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":null}],"members":[{"type":"individual","id":"a35690ff73833989","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"AsciiMorph","cells":[{"id":0,"value":"md`# AsciiMorph`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"md`This [lovely little library](https://github.com/tholman/ascii-morph) by Tim Holman :D I'm planning to use it for a little pet project recipe website ([asciirecip.es](https://asciirecip.es)) of mine, but I want to enhance it a bit.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"dim = info(gingerbread_men)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"viewof pos = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"viewof i = slider({ min: 0, max: frames.length - 1, value: 0, step: 1 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"viz(frames[i])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"frames = prepareFrames(gingerbread_men, russian_teacakes)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"function prepareFrames(a, b) {\n let i = 0;\n\n let [sa, ca] = squareOut(a);\n let [sb, cb] = squareOut(b);\n\n const deconstructionFrames = [sa];\n while ((sa = getMorphedFrame(sa, ca))) {\n deconstructionFrames.push(sa);\n\n if (i++ > 200) throw new Error(\"loop\");\n }\n\n const constructionFrames = [sb];\n while ((sb = getMorphedFrame(sb, cb))) {\n constructionFrames.unshift(sb);\n\n if (i++ > 200) throw new Error(\"loop\");\n }\n\n return deconstructionFrames.slice(0, -1).concat(constructionFrames.slice(1));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"// Crushes the frame data by 1 unit.\nfunction getMorphedFrame(lines, c) {\n let found = false;\n\n for (let i = 0; i < lines.length; i++) {\n let line = lines[i];\n\n const firstInLine = line.search(/[^ ]/);\n const lastInLine = line.search(/\\S[ ]*$/);\n if (firstInLine >= 0 && lastInLine >= 0) {\n lines = crushLine(lines, i, firstInLine, lastInLine, c);\n found = true;\n }\n }\n\n if (found) {\n return lines;\n } else {\n return false;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":367,"value":"function info(im) {\n let w = Math.max(...im.map(line => line.length));\n let h = im.length;\n return { w, h };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"function replaceAt(string, index, character) {\n return (\n string.substr(0, index) +\n character +\n string.substr(index + character.length)\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"value":"function viz(lines) {\n return html`

${lines.join(\n    \"\\n\"\n  )}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"bird = [\n \" /\",\n \" /\",\n \" /;\",\n \" //\",\n \" ;/\",\n \" ,//\",\n \" _,-' ;_,,\",\n \" _,'-_ ;|,'\",\n \" _,-'_,..--. |\",\n \" ___ .'-'_)' ) _)\\\\| ___\",\n \" ,'\\\"\\\"\\\"`'' _ ) ) _) ''--'''_,-'\",\n \"-={-o- /| ) _) ) ; '_,--''\",\n \" \\\\ -' ,`. ) .) _)_,''|\",\n \" `.\\\"( `------'' /\",\n \" `.\\\\ _,'\",\n \" `-.____....-\\\\\\\\\",\n \" || \\\\\\\\\",\n \" // ||\",\n \" // ||\",\n \" _-.//_ _||_,\",\n \" ,' ,-'/\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"mona = [\n \" ____\",\n \" o8%8888,\",\n \" o88%8888888.\",\n \" 8'- -:8888b\",\n \" 8' 8888\",\n \" d8.-=. ,==-.:888b\",\n \" >8 `~` :`~' d8888\",\n \" 88 ,88888\",\n \" 88b. `-~ ':88888\",\n \" 888b ~==~ .:88888\",\n \" 88888o--:':::8888\",\n \" `88888| :::' 8888b\",\n \" 8888^^' 8888b\",\n \" d888 ,%888b.\",\n \" d88% %%%8--'-.\",\n \"/88:.__ , _%-' --- -\",\n \" '''::===..-' = --. `\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":351,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":358,"value":"russian_teacakes = ` RUSSIAN TEACAKES\n ================\n\n╭ * 225g (1 C) butter\n│ * 1 tsp vanilla sugar or extract\n│ * 6 TB powdered sugar (+ more)\n│\n│ * 2 C flour\n│ * 1 C finely chopped (wal)nuts\n╰ * 1/4 tsp salt\n\n➭ Knead well\n\n➭ Roll into 1 inch balls,\n separate 2 inches from each other\n\n➭ Bake @ 180ºC for about 10-12min,\n until lightly golden\n\n➭ When cooled, roll in more powdered sugar,\n and possibly repeat a second time\n`.split(\"\\n\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"import { slider } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 30:"$2f:body"