Freddy Full Body

\n \n","label",[18],"pulls","branches","forks","envVars",{"_177":26,"_179":26},"connections",{"_177":26,"_178":26},"count","unfilledCount","emptyCount",{"_33":162,"_13":18,"_66":67,"_43":-5,"_35":36,"_163":75,"_164":94,"_37":209,"_39":40,"_68":21,"_166":167,"_69":24,"_168":-5,"_190":210,"_17":211},{"_33":202,"_13":203,"_66":92,"_43":-5,"_35":36,"_163":40,"_164":94,"_37":204,"_39":26,"_68":205,"_166":206,"_69":24,"_168":-5,"_190":207,"_17":208},{"_33":193,"_13":194,"_66":195,"_43":-5,"_35":36,"_163":196,"_164":94,"_37":197,"_39":40,"_68":198,"_166":199,"_69":24,"_168":-5,"_190":200,"_17":201},{"_33":184,"_13":185,"_66":186,"_43":-5,"_35":36,"_163":187,"_164":94,"_37":188,"_39":40,"_68":21,"_166":189,"_69":24,"_168":-5,"_190":191,"_17":192},"9295f1c4-2df6-11f1-b296-42dde27851f2","style.css","019d4a3d-fcbb-706e-a52b-c3f0c337546b",3,["D",1775067246942],"* {\n box-sizing: border-box;\n}\n body { \n margin: 0; \n background: #050505; \n display: flex; \n justify-content: center; \n align-items: center; \n height: 100vh; \n font-family: sans-serif;\n }\n canvas { \n background: #111; \n border: 4px solid #222; \n box-shadow: 0 0 50px rgba(0,0,0,0.8);\n }","children",[],[185],"8a059672-2df6-11f1-8b73-42dde27851f2","script.js","019d4a3d-fcbb-706e-a52b-bd6b6d3e012f",2,["D",1775067232584],"script","const canvas = document.getElementById('freddy')as HTMLCanvasElement;\ncanvas.width = innerWidth;\ncanvas.height = innerHeight;\nconst ctx = canvas.getContext(\"2d\");\n\n function draw() {\n const brown = \"#714222\";\n const dark = \"#4a2a16\";\n const tan = \"#c4a484\";\n\n // --- LEGS ---\n ctx.fillStyle = dark;\n ctx.fillRect(220, 520, 50, 150); // Left Leg\n ctx.fillRect(330, 520, 50, 150); // Right Leg\n ctx.fillStyle = brown;\n ctx.beginPath(); ctx.ellipse(220, 680, 45, 20, 0, 0, Math.PI*2); ctx.fill(); // L Foot\n ctx.beginPath(); ctx.ellipse(380, 680, 45, 20, 0, 0, Math.PI*2); ctx.fill(); // R Foot\n\n // --- ARMS ---\n ctx.fillStyle = dark;\n ctx.fillRect(150, 320, 45, 120); // L Arm\n ctx.fillRect(405, 320, 45, 120); // R Arm\n\n // --- TORSO ---\n ctx.fillStyle = brown;\n ctx.beginPath(); ctx.ellipse(300, 400, 110, 150, 0, 0, Math.PI*2); ctx.fill();\n ctx.fillStyle = tan; \n ctx.beginPath(); ctx.ellipse(300, 420, 70, 100, 0, 0, Math.PI*2); ctx.fill(); // Belly\n\n // --- HEAD ---\n ctx.fillStyle = brown;\n ctx.beginPath(); ctx.arc(300, 180, 85, 0, Math.PI*2); ctx.fill(); // Head\n ctx.beginPath(); ctx.arc(220, 130, 30, 0, Math.PI*2); ctx.fill(); // L Ear\n ctx.beginPath(); ctx.arc(380, 130, 30, 0, Math.PI*2); ctx.fill(); // R Ear\n\n // Face Details\n ctx.fillStyle = tan;\n ctx.beginPath(); ctx.ellipse(300, 220, 65, 45, 0, 0, Math.PI*2); ctx.fill(); // Muzzle\n ctx.fillStyle = \"black\";\n ctx.beginPath(); ctx.arc(300, 200, 15, 0, Math.PI*2); ctx.fill(); // Nose\n \n // Eyes\n ctx.fillStyle = \"white\";\n ctx.beginPath(); ctx.arc(265, 160, 18, 0, Math.PI*2); ctx.fill();\n ctx.beginPath(); ctx.arc(335, 160, 18, 0, Math.PI*2); ctx.fill();\n ctx.fillStyle = \"#3498db\";\n ctx.beginPath(); ctx.arc(265, 160, 8, 0, Math.PI*2); ctx.fill();\n ctx.beginPath(); ctx.arc(335, 160, 8, 0, Math.PI*2); ctx.fill();\n\n // Accessories\n ctx.fillStyle = \"black\";\n ctx.fillRect(260, 60, 80, 90); // Hat\n ctx.fillRect(240, 145, 120, 15); // Brim\n ctx.fillRect(250, 280, 100, 30); // Bowtie\n }\n\n draw();",[],[194],"28e45158-2df6-11f1-99f7-42dde27851f2","main.ts",["D",1775067069565],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[203],["D",1775067402057],[],[18],["D",1775067069565],{"_11":12,"_130":72},{"_11":12,"_126":-5,"_71":72,"_30":70,"_127":128,"_129":24},{"_39":75,"_13":16,"_33":36,"_117":82,"_118":63,"_119":64,"_120":86,"_121":122,"_123":42,"_124":14,"_125":12},"ctx",{"_52":-5,"_151":249,"_250":251,"_252":253,"_254":24,"_255":24,"_256":24,"_257":94,"_258":-5,"_259":-7,"_260":-7,"_261":26,"_262":24,"_263":24,"_264":-5,"_265":24,"_266":24,"_267":24,"_268":-5},"ENV",{"_220":221,"_222":223,"_224":16,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248},"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 · index.html