25:["$","title",null,{"children":"Retro Title Graphic | Tom Larkworthy | Observable"}] 49:Tc17,gfx = svg``4a:T8c8,square = ([dx, dy, dz], color) => { const id = `s(${dx},${dy},${dz})`; const rounding = corner_radius; const p = project([ [dx + rounding + padding, dy + padding, dz], [dx + 1 - rounding - padding, dy + padding, dz], [dx + 1 - padding, dy + padding, dz], [dx + 1 - padding, dy + rounding + padding, dz], [dx + 1 - padding, dy + 1 - rounding - padding, dz], [dx + 1 - padding, dy + 1 - padding, dz], [dx + 1 - rounding - padding, dy + 1 - padding, dz], [dx + rounding + padding, dy + 1 - padding, dz], [dx + padding, dy + 1 - padding, dz], [dx + padding, dy + 1 - rounding - padding, dz], [dx + padding, dy + rounding + padding, dz], [dx + padding, dy + padding, dz], [dx + rounding + padding, dy + 1 + padding, dz], [dx + 1 - rounding - padding, dy + 1 + padding, dz], [dx + 1 - padding, dy + 1 + padding, dz], [dx + 1 - padding, dy + 1 + rounding + padding, dz], [dx + 1 - padding, dy + 1 + 1 - rounding - padding, dz], [dx + 1 - padding, dy + 1 + 1 - padding, dz], [dx + 1 - rounding - padding, dy + 1 + 1 - padding, dz], [dx + rounding + padding, dy + 1 + 1 - padding, dz], [dx + padding, dy + 1 + 1 - padding, dz], [dx + padding, dy + 1 + 1 - rounding - padding, dz], [dx + padding, dy + 1 + rounding + padding, dz], [dx + padding, dy + 1 + padding, dz] ]); const coord = (index) => `${p[index][0]} ${p[index][1]}`; const d0 = `M ${coord(0)} L ${coord(1)} C ${coord(2)}, ${coord(2)}, ${coord(3)} L ${coord(4)} C ${coord(5)},${coord(5)},${coord(6)} L ${coord(7)} C ${coord(8)},${coord(8)},${coord(9)} L ${coord(10)} C ${coord(11)},${coord(11)},${coord(0)} Z`; const d1 = `M ${coord(0 + 12)} L ${coord(1 + 12)} C ${coord(2 + 12)}, ${coord(2 + 12)}, ${coord(3 + 12)} L ${coord(4 + 12)} C ${coord(5 + 12)},${coord(5 + 12)},${coord(6 + 12)} L ${coord(7 + 12)} C ${coord(8 + 12)},${coord(8 + 12)},${coord(9 + 12)} L ${coord(10 + 12)} C ${coord(11 + 12)},${coord(11 + 12)},${coord(0 + 12)} Z`; return ` `; }4b:[] 29:{"id":"2c4b1ae7e1ffbd94","slug":"retro-title-graphic","title":"Retro Title Graphic","thumbnail":"ecdd5491e3b79fd9e8b91bd6df76e7897b6d4e813c2618aabebe4f4e59d912ae","access_level":"public","create_time":"$D2023-11-01T20:20:04.119Z","update_time":"$D2025-05-02T18:31:26.040Z","view_time":null,"first_public_time":"$D2025-01-02T19:58:03.036Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":"starter_2024","bio":"Tech Lead at Taktile.\nFormerly Firebase, Google","followed_by_you":false,"follows_you":false},"version":612,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null,"bio":"Tech Lead at Taktile. ex Firebase, Google.\n🦋 larkworthy.bsky.social","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null,"role":"editor"},{"type":"team","id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Retro Title Graphic","cells":[{"id":0,"value":"# Retro Title Graphic","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":577,"value":"viewof topText = Inputs.text({ label: \"Silver text\", value: \"Top\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":585,"value":"viewof middleText = Inputs.text({\n label: \"Rainbow text\",\n value: \"Rainbow Text\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"viewof fov = Inputs.range([0, 2], { value: 0.5, label: \"FOV\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"viewof corner_radius = Inputs.range([0, 1], {\n value: 0.3,\n label: \"corner_radius\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"viewof padding = Inputs.range([0, 1], {\n value: 0.02,\n label: \"padding\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":551,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":451,"value":"viewof horizonOffset = Inputs.range([-1, 1], {\n value: 0.125,\n label: \"horizon offset\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":468,"value":"viewof hackableY = Inputs.range([-1, 1], {\n value: -0.23,\n label: \"hackableY\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"viewof realtimeY = Inputs.range([-1, 1], {\n value: 0.0065283621064848,\n label: \"realtimeY\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":531,"value":"viewof speed = Inputs.range([0, 10], {\n value: 0.3,\n label: \"speed\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"project = (d) =>\n d.map((d) => [\n d[0] / (d[1] + 1), // screen x\n d[2] / (d[1] + 1) // screen y\n ])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:E{"digest":"NEXT_REDIRECT;replace;/@tomlarkworthy/retro-title-graphic;307;"}