2a:null 2b:["$","title",null,{"children":"Halftone II | Dmitry Baranovskiy | Observable"}] 31:[] 2e:{"id":"704c13a08a845698","slug":"halftone-ii","title":"Halftone II","thumbnail":"49d19cfba2168a26e916a8f7ae4685e875a1fe31476c6240e402f477fa5e15c7","access_level":"public","create_time":"$D2020-07-23T00:28:34.258Z","update_time":"$D2020-07-27T00:48:50.525Z","view_time":null,"first_public_time":"$D2020-07-23T00:48:07.664Z","fork":{"id":"0f9e2549d294ac2c","slug":"halftone","title":"Polka Dot Darkness","owner":{"id":"e3672025b6b6f436","login":"dmitrybaranovskiy","name":"Dmitry Baranovskiy"}},"stars":1,"starred":false,"owner":{"type":"team","id":"e3672025b6b6f436","login":"dmitrybaranovskiy","name":"Dmitry Baranovskiy","avatar_url":"https://avatars-next.observableusercontent.com/c31e7f084a49a6e09f7724ab70028e1f8a03923326f084b8f9e86a014705daf0","tier":"starter_2024"},"version":138,"publish_version":138,"role":null,"authored":false,"authors":[{"type":"individual","id":"230ca2847200ccc9","login":"dmitrybaranovskiy","name":"Dmitry Baranovskiy","avatar_url":"https://avatars-next.observableusercontent.com/c31e7f084a49a6e09f7724ab70028e1f8a03923326f084b8f9e86a014705daf0","tier":null}],"members":[{"type":"individual","id":"230ca2847200ccc9","login":"dmitrybaranovskiy","name":"Dmitry Baranovskiy","avatar_url":"https://avatars-next.observableusercontent.com/c31e7f084a49a6e09f7724ab70028e1f8a03923326f084b8f9e86a014705daf0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Halftone II","cells":[{"id":0,"value":"md`# Halftone II`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"viewof a = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"viewof r = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"md`Radius: **${r}**\\n\nDistance: **${a}**\\n\nShade: \\`${chroma(rgb, rgb, rgb).hex()}\\``","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"areaBlack = Math.PI * r ** 2;","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"area = a ** 2;","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"overlap = (2 * r - a) / 2;","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"max = a * Math.sqrt(2) / 2;","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"overlapArea = (overlap > 0 ? r ** 2 * Math.acos(1 - overlap / r) - (r - overlap) * Math.sqrt(2 * r * overlap - overlap ** 2) : 0);","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"rate = (r >= max ? 1 : (areaBlack - 4 * overlapArea) / area);","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"rgb = 255 - 255 * rate;","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"chroma = require('chroma-js@1.3.7')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2f:"$2e:body"