Canvas

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_206":207,"_208":209},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_155":-5,"_20":156,"_22":157,"_158":159,"_160":161,"_26":162,"_24":163,"_164":165,"_166":167,"_168":51,"_169":170,"_171":69,"_172":-5,"_173":-5,"_174":175},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","zakattack3289","name","graphics-demo","branchName","main","version","path","index.html","project",{"_36":111,"_13":14,"_38":112,"_49":-5,"_113":51,"_52":53,"_114":53,"_115":116,"_117":-5,"_118":119,"_120":102,"_121":69,"_122":-5,"_123":-5,"_124":34,"_56":125,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":131,"_132":131,"_133":134,"_135":134,"_136":134,"_137":131,"_138":131,"_139":140,"_141":142,"_143":144,"_50":51},"tree",[78,79,80,81],"file",{"_36":60,"_13":19,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_38":70,"_17":71,"_72":24,"_73":74,"_75":51,"_76":-5,"_18":77},"contents",[],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"pull","ahead",5,"behind",0,"envVars","id","70f419a8-ea65-11f0-9dd5-42dde27851f2","createdAt",["D",1767638185506],"updatedAt",["D",1773840962156],"projectId","70ea5fe4-ea65-11f0-9dd5-42dde27851f2",230,"forkedBranchId","forkedBranchVersion","lockfileKey","1773840990063-esm.town_v_ceculbe_html-css-js-template@230-main","deletedAt","isOwned",false,"privacy","public","userHandle","ceculbe","orgId","019b8c31-c867-72d0-a0f3-3af4d1c41815","projectName","html-css-js-template","da8f0b9c-29e5-11f1-b19e-42dde27851f2","fileId","019d2f96-a40c-733f-be78-49de5ad3c02a","parentId","branchId","ffe70418-29e4-11f1-afd5-42dde27851f2","branchVersion",3,"latest",true,["D",1774620261610],2,"fileType","content","\n\n \n Canvas\n \n \n \n \n \n \n

\n \n","deleted","label",[19],{"_36":60,"_13":19,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_38":108,"_17":71,"_72":24,"_73":74,"_75":51,"_76":-5,"_88":109,"_18":110},{"_36":100,"_13":101,"_61":102,"_63":-5,"_64":65,"_66":85,"_68":69,"_38":103,"_17":34,"_72":104,"_73":105,"_75":51,"_76":-5,"_88":106,"_18":107},{"_36":91,"_13":92,"_61":93,"_63":-5,"_64":65,"_66":94,"_68":69,"_38":95,"_17":67,"_72":96,"_73":97,"_75":51,"_76":-5,"_88":98,"_18":99},{"_36":82,"_13":83,"_61":84,"_63":-5,"_64":65,"_66":85,"_68":69,"_38":86,"_17":34,"_72":24,"_73":87,"_75":51,"_76":-5,"_88":89,"_18":90},"ffec0742-29e4-11f1-afd5-42dde27851f2","style.css","019d2f96-a40c-733f-be78-548c95ecf67c",1,["D",1774619894649],"* {\n box-sizing: border-box;\n}","children",[],[83],"1fafe140-29e8-11f1-98f7-42dde27851f2","script.js","019d2f96-a40c-733f-be78-51c9bb1cd4ac",6,["D",1774621236559],"script","const canvas = document.getElementById(\"myCanvas\") as HTMLCanvasElement\nconst ctx= canvas.getContext(\"2d\");\n\nctx.fillStyle = \"#001144\";\nctx.fillRect(50, 40, 200, 100);\nctx.fillRect(50, 40, 200, 100);\n\nctx.strokeStyle = \"red\";\nctx.beginPath();\nctx.moveTo(50, 40);\nctx.lineTo(100, 120);\n\nctx.moveTo(50, 40);\nctx.lineTo(75, 120);\nctx.lineTo(50, 120);\nctx.lineTo(25, 120);\nctx.stroke();",[],[92],"ffec009e-29e4-11f1-afd5-42dde27851f2","main.ts","019d2f96-a40c-733f-be78-4f0da6e013a6",["D",1774619894649],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[101],["D",1774620261610],[],[19],"ffde1196-29e4-11f1-afd5-42dde27851f2",["D",1774619894649],"legacyEnvVars","httpPrivacy","description","Template for a basic HTML + CSS + JavaScript static website","imageUrl","userId","019b8ed8-ddf9-70cb-ad0a-074c87731d15","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019b8ed8-ddf9-70cb-ad0a-095617756859","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_154":150},"org",{"_11":12,"_148":-5,"_149":150,"_118":119,"_151":152,"_153":51},"branch",{"_17":94,"_13":16,"_36":65,"_42":111,"_45":37,"_46":44,"_145":53,"_146":43,"_147":57,"_58":14,"_54":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN3FRTmdsd21LZkJwMzhQT2V4dWNyVlE0a28ifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":111,"_13":14,"_38":202,"_49":-5,"_113":51,"_52":53,"_114":53,"_115":116,"_117":-5,"_118":119,"_120":102,"_121":69,"_122":-5,"_123":-5,"_124":34,"_56":125,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":131,"_132":131,"_133":134,"_135":134,"_136":134,"_137":131,"_138":131,"_139":203,"_141":204,"_143":205,"_50":51},[190,191,192,193],"files",[190,191,192,193],"counts",{"_181":34,"_182":85,"_183":34,"_35":184,"_185":186},[],{"_36":60,"_13":19,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_38":70,"_17":71,"_72":24,"_73":74,"_75":51,"_76":-5,"_18":180},"upstreamProject",{"_36":43,"_13":59,"_115":116,"_117":-5,"_52":53,"_139":178},"upstreamBranch",{"_36":37,"_38":176,"_40":177,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1767638185506],["D",1773840962156],{"_11":55,"_154":179},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN294dm1HMFFyZ0NhbWJUNmpBeEN3U0s1QWgifQ",[19],"pulls","branches","forks",{"_187":34,"_189":34},"connections",{"_187":34,"_188":34},"count","unfilledCount","emptyCount",{"_36":60,"_13":19,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_38":108,"_17":71,"_72":24,"_73":74,"_75":51,"_76":-5,"_88":200,"_18":201},{"_36":100,"_13":101,"_61":102,"_63":-5,"_64":65,"_66":85,"_68":69,"_38":103,"_17":34,"_72":104,"_73":105,"_75":51,"_76":-5,"_88":198,"_18":199},{"_36":91,"_13":92,"_61":93,"_63":-5,"_64":65,"_66":94,"_68":69,"_38":95,"_17":67,"_72":96,"_73":97,"_75":51,"_76":-5,"_88":196,"_18":197},{"_36":82,"_13":83,"_61":84,"_63":-5,"_64":65,"_66":85,"_68":69,"_38":86,"_17":34,"_72":24,"_73":87,"_75":51,"_76":-5,"_88":194,"_18":195},[],[83],[],[92],[],[101],[],[19],["D",1774619894649],{"_11":12,"_154":150},{"_11":12,"_148":-5,"_149":150,"_118":119,"_151":152,"_153":51},{"_17":94,"_13":16,"_36":65,"_42":111,"_45":37,"_46":44,"_145":53,"_146":43,"_147":57,"_58":14,"_54":12},"ctx",{"_139":-5,"_173":239,"_240":241,"_242":243,"_244":51,"_245":51,"_246":51,"_247":69,"_248":-5,"_249":-7,"_250":-7,"_251":34,"_252":51,"_253":51,"_254":-5,"_255":51,"_256":51,"_257":51,"_258":-5},"ENV",{"_210":211,"_212":213,"_214":16,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238},"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"]