CRT Meditation

\n ${svgContent}\n

\n \n const svg = document.getElementById('crt-monitor');\n const screen = document.getElementById('screen');\n const container = document.getElementById('container');\n\n const colorA = ${JSON.stringify(colorA)};\n const colorB = ${JSON.stringify(colorB)};\n const duration = ${duration};\n const total = duration * 4;\n const startScale = ${startScale};\n const endScale = ${endScale};\n\n let start = performance.now();\n\n function draw(t) {\n const cycle = (t - start) % total;\n let scale, r, g, b;\n\n if (cycle < duration) {\n const p = cycle / duration;\n scale = startScale + (endScale - startScale) * p;\n r = colorA.r; g = colorA.g; b = colorA.b;\n } else if (cycle < duration * 2) {\n const p = (cycle - duration) / duration;\n scale = endScale;\n r = colorA.r + (colorB.r - colorA.r) * p;\n g = colorA.g + (colorB.g - colorA.g) * p;\n b = colorA.b + (colorB.b - colorA.b) * p;\n } else if (cycle < duration * 3) {\n const p = (cycle - duration * 2) / duration;\n scale = endScale - (endScale - startScale) * p;\n r = colorB.r; g = colorB.g; b = colorB.b;\n } else {\n const p = (cycle - duration * 3) / duration;\n scale = startScale;\n r = colorB.r + (colorA.r - colorB.r) * p;\n g = colorB.g + (colorA.g - colorB.g) * p;\n b = colorB.b + (colorA.b - colorB.b) * p;\n }\n\n svg.style.transform = \\`scale(\\${scale})\\`;\n screen.style.fill = \\`rgb(\\${Math.round(r)}, \\${Math.round(g)}, \\${Math.round(b)})\\`;\n requestAnimationFrame(draw);\n }\n\n requestAnimationFrame(draw);\n \n \n \n `;\n\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}","label",[91],"pulls","branches","forks","envVars",{"_305":20,"_307":20},"connections",{"_305":20,"_306":20},"count","unfilledCount","emptyCount",{"_46":290,"_13":91,"_75":76,"_56":-5,"_48":49,"_291":214,"_292":231,"_50":309,"_52":207,"_78":106,"_294":295,"_80":24,"_296":-5,"_310":311,"_267":312},["D",1764867507382],"children",[],[91],["D",1764778792014],{"_11":12,"_266":83},{"_11":12,"_262":-5,"_82":83,"_25":81,"_263":264,"_265":24},{"_52":214,"_13":16,"_46":49,"_254":219,"_255":-5,"_256":-5,"_257":-5,"_258":-5,"_259":-5,"_260":14,"_261":12},"ctx",{"_64":-5,"_286":350,"_351":352,"_353":354,"_355":24,"_356":24,"_357":24,"_358":231,"_359":-5,"_360":-7,"_361":-7,"_362":20,"_363":24,"_364":24,"_365":-5,"_366":24,"_367":24,"_368":24,"_369":-5},"ENV",{"_321":322,"_323":324,"_325":16,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History