2a:null 2b:["$","title",null,{"children":"Wallpaper algorithm | ciju cherian | Observable"}] 31:T551,canvas = { const context = DOM.context2d(width, height); let dim = dimentions * 2; let div = dim / zoom; let hsl = d3Color.color(color); const side = side_frac * div; let img = context.createImageData(dim, dim); let data = new Uint8ClampedArray(dim * dim); for (let i = 0; i < div; i++) { for (let j = 0; j < div; j++) { let x = (i * side) / div; let y = (j * side) / div; let c = Math.round(x * x + y * y); let pos = i * div + j; if (c % 2 == 0) { data[pos] = 230; // } else if (c % 3 == 1) { // // data[pos] = 140; // } else { // // data[pos] = 10; } } } let scale = dim / div; for (let i = 0; i < div; i++) { for (let j = 0; j < div; j++) { for (let y = 0; y < scale; y++) { for (let x = 0; x < scale; x++) { let ay = (i * scale + y) * dim; let ax = j * scale + x; let pos = (ax + ay) * 4; let v = data[i * div + j]; { let lhsl = hsl.copy(); lhsl.l = v / 256; let { r, g, b, a } = d3Color.rgb(lhsl); img.data[pos + 0] = r; img.data[pos + 1] = g; img.data[pos + 2] = b; img.data[pos + 3] = 255; } } } } } context.putImageData(img, 0, 0); return context.canvas; }32:[] 2e:{"id":"e62741c5da1a5249","slug":"wallpaper-algorithm-turing-omnibus","title":"Wallpaper algorithm","thumbnail":"6ba71fbbab9703b7f5eae565e7eed6c5a8eb42f630b99f33ca4dab7d27c4ca7e","access_level":"public","create_time":"$D2022-01-07T07:18:25.017Z","update_time":"$D2022-01-07T13:08:07.186Z","view_time":null,"first_public_time":"$D2022-01-07T07:40:49.431Z","fork":{"id":"7a0980291ec2d753","slug":"interactive-html-canvas","title":"Interactive HTML Canvas","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":1,"starred":false,"owner":{"type":"team","id":"d8a1eba49f477292","login":"ciju","name":"ciju cherian","avatar_url":"https://avatars-next.observableusercontent.com/321a220931b38240638dd17c154adf77e7beded4adf2e0f37a0f7a113abdea65","tier":"starter_2024"},"version":257,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e031685a89006144","login":"ciju","name":"ciju cherian","avatar_url":"https://avatars-next.observableusercontent.com/321a220931b38240638dd17c154adf77e7beded4adf2e0f37a0f7a113abdea65","tier":null}],"members":[{"type":"individual","id":"e031685a89006144","login":"ciju","name":"ciju cherian","avatar_url":"https://avatars-next.observableusercontent.com/321a220931b38240638dd17c154adf77e7beded4adf2e0f37a0f7a113abdea65","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Wallpaper algorithm","cells":[{"id":0,"value":"# Wallpaper algorithm","pinned":false,"hidden":false,"mode":"md"},{"id":136,"value":"Based on Wallpaper algorithm from The New Turing Omnibus","pinned":false,"hidden":false,"mode":"md"},{"id":121,"value":"viewof zoom = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"viewof side_frac = Inputs.range([0, 1], {label: \"Side Fraction\", value: .741, step: .001})","pinned":false,"hidden":false,"mode":"ojs"},{"id":154,"value":"viewof color = colorPicker(\"hsl(220, 82%, 49%)\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"dimentions = 800","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"height = dimentions","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"width = dimentions","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"import {colorPicker} from \"@shaunlebron/color-picker\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"d3Color = await require('d3-color')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2f:"$2e:body"