\n \n","deleted","label","children",[],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":189,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_182":192,"_102":193},"3550e622-2ddd-11f1-9f75-42dde27851f2","main.ts",1,["D",1775056353024],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":198,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_182":202,"_102":203},"853676e0-2de5-11f1-811d-42dde27851f2","script.js","019d499a-7726-735e-9a44-ddbe7075e5cc",["D",1775059923079],11,"script","const canvas = document.getElementById('freddyCanvas') as HTMLCanvasElement;\n canvas.width = innerWidth;\ncanvas.height = innerHeight;\nconst ctx = canvas.getContext('2d');\n const p = 10; // Pixel size\n\n // Colors\n const brown = '#6F4E37';\n const darkBrown = '#4B3621';\n const black = '#000000';\n const lightBrown = '#C4A484';\n const blue = '#00008B';\n const white = '#FFFFFF';\n\n // Helper to draw pixels\n function drawPixel(x, y, color) {\n ctx.fillStyle = color;\n ctx.fillRect(x * p, y * p, p, p);\n }\n\n // --- Freddy Pixel Data ---\n // Hat\n for(let i=3; i<7; i++) drawPixel(i, 1, black);\n for(let i=2; i<8; i++) drawPixel(i, 2, black);\n\n // Head\n for(let i=2; i<8; i++) for(let j=3; j<7; j++) drawPixel(i, j, brown);\n // Eyes\n drawPixel(3, 4, white); drawPixel(6, 4, white);\n drawPixel(3, 4, black); drawPixel(6, 4, black); // pupils\n // Snout\n for(let i=3; i<7; i++) for(let j=5; j<7; j++) drawPixel(i, j, lightBrown);\n // Ears\n drawPixel(1, 3, brown); drawPixel(8, 3, brown);\n drawPixel(1, 4, brown); drawPixel(8, 4, brown);\n\n // Body\n for(let i=2; i<8; i++) for(let j=7; j<12; j++) drawPixel(i, j, brown);\n // Bow tie\n drawPixel(4, 8, black); drawPixel(5, 8, black);\n\n // Arms\n for(let j=7; j<11; j++) drawPixel(0, j, brown); // Left\n for(let j=7; j<11; j++) drawPixel(9, j, brown); // Right\n\n // Legs\n for(let j=12; j<15; j++) drawPixel(3, j, brown); // Left\n for(let j=12; j<15; j++) drawPixel(6, j, brown); // Right",[],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":209,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_182":211,"_102":212},"a02b8478-2de4-11f1-945f-42dde27851f2","style.css","019d499a-7726-735e-9a44-e21ae7aa57e2",14,["D",1775059538797],"* {\n box-sizing: border-box;\n}\n\nbody {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n background-color: #333;\n color: white;\n}\n\ncanvas {\n border: 1px solid white;\n /* This is crucial for crisp pixel art when scaled */\n image-rendering: pixelated;\n width: 512px; /* Scales the 128x128 canvas to a larger display size */\n height: 512px;\n}\n\nbutton {\n margin-top: 20px;\n padding: 10px 20px;\n font-size: 16px;\n}",[],[206],"files",[164,185,194,204],"counts",{"_217":33,"_218":188,"_219":33,"_220":221,"_224":225},"pulls","branches","forks","envVars",{"_222":33,"_223":33},"count","emptyCount","connections",{"_222":33,"_226":33},"unfilledCount","contents",[229,232,235,238],{"_106":165,"_99":166,"_167":168,"_169":-5,"_170":149,"_171":172,"_173":121,"_108":230,"_103":175,"_176":177,"_178":179,"_180":22,"_181":-5,"_102":231},["D",1775059810689],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":233,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_102":234},["D",1775056353024],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":236,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_102":237},["D",1775059923079],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":239,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_102":240},["D",1775059538797],[206],"upstreamProject",{"_106":157,"_99":243,"_114":115,"_116":-5,"_112":113,"_23":244},"html-canvas-demo12",{"_97":98,"_139":140},"upstreamBranch",{"_106":152,"_108":247,"_248":249,"_99":45,"_150":157,"_103":250,"_151":251,"_153":252,"_253":254,"_110":-5,"_161":22,"_112":113,"_160":98,"_16":125,"_159":243},["D",1775055476352],"updatedAt",["D",1775066025692],9,"5b45b086-2c45-11f1-9eed-42dde27851f2",55,"lockfileKey","1775065348434-esm.town_v_zakattack3289_html-canvas-demo12@7-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_97":98,"_99":100,"_101":-7,"_103":-7,"_104":261,"_227":266,"_279":-7,"_280":281,"_284":-5,"_213":285,"_302":290,"_303":172,"_304":305,"_306":22,"_307":22},{"_106":107,"_99":100,"_108":262,"_110":-5,"_111":22,"_112":113,"_114":115,"_116":-5,"_14":117,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":33,"_16":125,"_126":-5,"_127":-5,"_128":-5,"_129":130,"_131":130,"_132":133,"_134":133,"_135":133,"_136":130,"_137":130,"_23":263,"_141":264,"_146":265,"_161":22},["D",1775056353024],{"_97":98,"_139":140},{"_97":98,"_143":140,"_14":117,"_144":145},{"_103":148,"_99":45,"_106":149,"_150":107,"_151":152,"_153":154,"_155":113,"_156":157,"_158":125,"_159":100,"_160":98},[267,270,273,276],{"_106":165,"_99":166,"_167":168,"_169":-5,"_170":149,"_171":172,"_173":121,"_108":268,"_103":175,"_176":177,"_178":179,"_180":22,"_181":-5,"_102":269},["D",1775059810689],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":271,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_102":272},["D",1775056353024],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":274,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_102":275},["D",1775059923079],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":277,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_102":278},["D",1775059538797],[206],"readme","upstream",{"_106":152,"_108":282,"_248":283,"_99":45,"_150":157,"_103":250,"_151":251,"_153":252,"_253":254,"_110":-5,"_161":22,"_112":113,"_160":98,"_16":125,"_159":243},["D",1775055476352],["D",1775066025692],"pull",[286,290,294,298],{"_106":165,"_99":166,"_167":168,"_169":-5,"_170":149,"_171":172,"_173":121,"_108":287,"_103":175,"_176":177,"_178":179,"_180":22,"_181":-5,"_182":288,"_102":289},["D",1775059810689],[],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":291,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_182":292,"_102":293},["D",1775056353024],[],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":295,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_182":296,"_102":297},["D",1775059923079],[],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":299,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_182":300,"_102":301},["D",1775059538797],[],[206],"preview","ahead","behind",3,"showHomeCustomizationHint","showHTTPPreviewSettingsHint","actionData","errors"]

zakattack3289

html-canvas-demo13