30: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; }31: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 }]; }32: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')33:[] 2e:{"title":"AsciiMorph","cells":[{"id":0,"value":"md`# AsciiMorph`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":206,"value":"dim = info(gingerbread_men)","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"viewof pos = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":307,"value":"viewof i = slider({ min: 0, max: frames.length - 1, value: 0, step: 1 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":311,"value":"viz(frames[i])","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"frames = prepareFrames(gingerbread_men, russian_teacakes)","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":200,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":84,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":215,"value":"function viz(lines) {\n return html`

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

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":351,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":299,"value":"import { slider } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}