28:null 29:["$","title",null,{"children":"2D Color Interpolation | Nicholas Ortenzio | Observable"}] 2e:[] 2c:{"id":"faf4268e76bc6d96","slug":"2d-color-interpolation","title":"2D Color Interpolation","thumbnail":"d54395729145682d66f95dd8898f332ecba5c649fd00e11c4ec8a6a999e00a0d","access_level":"public","create_time":"$D2020-05-31T22:00:06.778Z","update_time":"$D2020-06-19T22:12:44.056Z","view_time":null,"first_public_time":"$D2020-06-19T22:12:50.998Z","has_unpublished_edits":null,"fork":false,"stars":8,"starred":false,"owner":{"type":"team","id":"65730a2f62b6cd97","login":"nor","name":"Nicholas Ortenzio","avatar_url":"https://avatars-next.observableusercontent.com/dfecce7b5dbb71ff0838535d544e7b6355f37ef51d092589e7240555e884585f","tier":"starter_2024"},"version":646,"publish_version":646,"role":null,"authored":false,"authors":[{"type":"individual","id":"29695fa7f26d10d1","login":"nor","name":"Nicholas Ortenzio","avatar_url":"https://avatars-next.observableusercontent.com/dfecce7b5dbb71ff0838535d544e7b6355f37ef51d092589e7240555e884585f","tier":null}],"members":[{"type":"individual","id":"29695fa7f26d10d1","login":"nor","name":"Nicholas Ortenzio","avatar_url":"https://avatars-next.observableusercontent.com/dfecce7b5dbb71ff0838535d544e7b6355f37ef51d092589e7240555e884585f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":5,"collection":{"id":"43faaaeb48cf7084","slug":"generative","title":"Generative","owner":{"id":"65730a2f62b6cd97","login":"nor","name":"Nicholas Ortenzio"}},"type":"notebook","body":{"title":"2D Color Interpolation","cells":[{"id":0,"value":"md`# 2D Color Interpolation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"html`\n

Top Left

Top Right

${ viewof tl.bind(html``)}

${ viewof tr.bind(html``)}

Bottom Left

Bottom Right

${ viewof bl.bind(html``)}

${ viewof br.bind(html``)}

\n
\nGrid size: ${ viewof size.bind(html``)} ${size}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"cells = [...Array(size*size)].map((d, i) => {\n let s = size-1;\n let x = i%size;\n let y = ~~(i/size);\n let p = x/s;\n let q = y/s;\n let c = `rgb(${rgb.map(c=>blerp(p,q,...c))})`;\n return { x, y, p, q, c, i };\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"cs = [tl, tr, bl, br].map(hexToDec)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"hexToDec = n => n.match(/\\w{2}/g).map(n=>parseInt(n,16))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"rgb = [\n cs.map(c=>c[0]),\n cs.map(c=>c[1]),\n cs.map(c=>c[2])\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"blerp = (x,y,Q,R,S,T) => (1-y)*((1-x)*Q+x*R)+y*((1-x)*S+x*T)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"md`### Inputs`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":565,"value":"viewof tl = new View('#dd1313');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":585,"value":"viewof tr = new View('#172021');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":590,"value":"viewof bl = new View(\"#ffea00\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":595,"value":"viewof br = new View(\"#2aaabb\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"viewof size = new View(10);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"md`### Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":545,"value":"import {View} from \"@mbostock/synchronized-views\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2d:"$2c:body"