44:["$","title",null,{"children":"High Spatial Frequency | Ang Lee | Observable"}] 4c:[] 48:{"id":"d1732059bbce4af1","slug":"high-spatial-frequency","title":"High Spatial Frequency","thumbnail":"4c1a6e3f0c7e37c3a7855fb1c522ad006baeb07b286c8bccf978c1d3ccf10c38","access_level":"public","create_time":"$D2018-04-03T12:21:30.547Z","update_time":"$D2018-04-03T14:00:20.456Z","view_time":null,"first_public_time":"$D2018-04-03T13:36:51.445Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"b490bb3c2eba71dc","login":"anglee","name":"Ang Lee","avatar_url":"https://avatars-next.observableusercontent.com/9f99cc05b0f8c20eaf1867c9a84edab76fa85847e4b14e14854d84ea154e3b5b","tier":"starter_2024","bio":"","following":false},"version":156,"publish_version":156,"role":null,"authored":false,"authors":[{"type":"individual","id":"b52ef55b5f9bf7a8","login":"anglee","name":"Ang Lee","avatar_url":"https://avatars-next.observableusercontent.com/9f99cc05b0f8c20eaf1867c9a84edab76fa85847e4b14e14854d84ea154e3b5b","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"b52ef55b5f9bf7a8","login":"anglee","name":"Ang Lee","avatar_url":"https://avatars-next.observableusercontent.com/9f99cc05b0f8c20eaf1867c9a84edab76fa85847e4b14e14854d84ea154e3b5b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"High Spatial Frequency","cells":[{"id":0,"value":"md`# High Spatial Frequency`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"md`Inspired by [Trammell Hudson](https://trmm.net/Checkerboard) and [Akiyoshi Kitaoka](https://twitter.com/AkiyoshiKitaoka/status/844356094369513473)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"viewof imageUrl = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"viewof gridSize = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"md`gridSize = ${gridSize}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"viewof opacity = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"md`opacity = ${opacity}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"html`\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"function drawChecker() {\n const canvas = document.getElementById('canvas');\n const ctx = canvas.getContext('2d');\n const img = document.getElementById('image');\n canvas.width = img.width;\n canvas.height = img.height;\n ctx.fillStyle = '#000';\n for (var x = 0; x < canvas.width; x += gridSize) {\n for (var y = 0; y < canvas.height; y += gridSize) {\n if ((x + y) % (gridSize*2) === 0) {\n ctx.fillRect(x, y, gridSize, gridSize); \t \n }\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"window.redraw = () => {\n drawChecker();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"drawChecker()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"1"}} 24:null