TETRIS

\n Score:\n 0\n

\n Level:\n 1\n

\n Lines:\n 0\n

\n \n \n

\n\n\n\n \n `, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n }",[],[99],{"_103":206,"_95":179,"_151":207,"_153":-5,"_154":137,"_155":208,"_157":158,"_105":209,"_100":32,"_160":173,"_162":210,"_163":22,"_164":-5,"_165":211,"_98":212},"004cf32a-4d33-11f0-8d89-76b3cceeab13","004cf3ca-4d33-11f0-8d89-76b3cceeab13",35,["D",1750354189211],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"*.ts\", \"*.tsx\", \"*.js\", \"*.jsx\"]\n }\n }\n}\n",[],[179],{"_103":214,"_95":215,"_151":216,"_153":-5,"_154":137,"_155":217,"_157":158,"_105":218,"_100":219,"_160":220,"_162":221,"_163":22,"_164":-5,"_165":222,"_98":223},"324c434a-4cdd-11f0-a28e-76b3cceeab13","script.js","e85b459e-4cda-11f0-8ecd-76b3cceeab13",28,["D",1750317336369],2,"script","// Game constants\nconst BOARD_WIDTH = 10;\nconst BOARD_HEIGHT = 20;\nconst BLOCK_SIZE = 30;\n\n// Game variables\nlet board = [];\nlet currentPiece = null;\nlet gameRunning = false;\nlet score = 0;\nlet level = 1;\nlet lines = 0;\n\n// Get canvas elements\nconst gameCanvas = document.getElementById('game-canvas');\nconst gameCtx = gameCanvas.getContext('2d');\nconst nextCanvas = document.getElementById('next-canvas');\nconst nextCtx = nextCanvas.getContext('2d');\n\n// Initialize empty board\nfunction createBoard() {\n board = [];\n for (let row = 0; row < BOARD_HEIGHT; row++) {\n board[row] = [];\n for (let col = 0; col < BOARD_WIDTH; col++) {\n board[row][col] = 0;\n }\n }\n}\n\n// Draw the game board\nfunction drawBoard() {\n gameCtx.fillStyle = '#000';\n gameCtx.fillRect(0, 0, gameCanvas.width, gameCanvas.height);\n \n // Draw grid lines\n gameCtx.strokeStyle = '#333';\n gameCtx.lineWidth = 1;\n \n for (let row = 0; row <= BOARD_HEIGHT; row++) {\n gameCtx.beginPath();\n gameCtx.moveTo(0, row * BLOCK_SIZE);\n gameCtx.lineTo(BOARD_WIDTH * BLOCK_SIZE, row * BLOCK_SIZE);\n gameCtx.stroke();\n }\n \n for (let col = 0; col <= BOARD_WIDTH; col++) {\n gameCtx.beginPath();\n gameCtx.moveTo(col * BLOCK_SIZE, 0);\n gameCtx.lineTo(col * BLOCK_SIZE, BOARD_HEIGHT * BLOCK_SIZE);\n gameCtx.stroke();\n }\n}\n\n// Initialize game\nfunction initGame() {\n createBoard();\n drawBoard();\n console.log('Game initialized!');\n}\n\n// Start the game when page loads\nwindow.addEventListener('load', initGame);\n\n// Current piece position\nlet pieceX = 0;\nlet pieceY = 0;\nlet pieceRotation = 0;\n\n// Get random piece\nfunction getRandomPiece() {\n const pieceTypes = Object.keys(PIECES);\n const randomType = pieceTypes[Math.floor(Math.random() * pieceTypes.length)];\n return {\n type: randomType,\n shape: PIECES[randomType].shape,\n color: PIECES[randomType].color\n };\n}\n\n// Spawn new piece\nfunction spawnPiece() {\n currentPiece = getRandomPiece();\n pieceX = Math.floor(BOARD_WIDTH / 2) - 1;\n pieceY = 0;\n pieceRotation = 0;\n console.log('New piece spawned:', currentPiece.type);\n}\n\n// Draw a piece\nfunction drawPiece(piece, x, y, ctx, blockSize = BLOCK_SIZE) {\n if (!piece) return;\n \n ctx.fillStyle = piece.color;\n const shape = piece.shape;\n \n for (let row = 0; row < shape.length; row++) {\n for (let col = 0; col < shape[row].length; col++) {\n if (shape[row][col] === 1) {\n ctx.fillRect(\n (x + col) * blockSize,\n (y + row) * blockSize,\n blockSize,\n blockSize\n );\n \n // Add border\n ctx.strokeStyle = '#fff';\n ctx.lineWidth = 2;\n ctx.strokeRect(\n (x + col) * blockSize,\n (y + row) * blockSize,\n blockSize,\n blockSize\n );\n }\n }\n }\n}\n\n// Game loop\nfunction gameLoop() {\n // Clear and redraw board\n drawBoard();\n \n // Draw current piece\n if (currentPiece) {\n drawPiece(currentPiece, pieceX, pieceY, gameCtx);\n }\n \n if (gameRunning) {\n requestAnimationFrame(gameLoop);\n }\n}\n\n// Start game\nfunction startGame() {\n if (!gameRunning) {\n gameRunning = true;\n spawnPiece();\n gameLoop();\n console.log('Game started!');\n }\n}\n\n// Update the initGame function\nfunction initGame() {\n createBoard();\n drawBoard();\n \n // Add button event listeners\n document.getElementById('start-btn').addEventListener('click', function() {\n document.getElementById('start-btn').style.display = 'none';\n document.getElementById('pause-btn').style.display = 'inline-block';\n startGame();\n });\n \n console.log('Game ready - click Start to begin!');\n}",[],[215],{"_103":225,"_95":226,"_151":227,"_153":-5,"_154":137,"_155":228,"_157":158,"_105":229,"_100":219,"_160":173,"_162":230,"_163":22,"_164":-5,"_165":231,"_98":232},"2d1ab60a-4cd7-11f0-9f20-76b3cceeab13","style.css","e1e8ecda-4ccf-11f0-b808-76b3cceeab13",12,["D",1750314750680],"* {\n\tmargin: 0;\n\tpadding: 0;\n\tbox-sizing: border-box;\n}\n\nbody {\n\tfont-family: Arial, sans-serif;\n\tbackground: linear-gradient(135deg,#1e3c72, #2a5298);\n\tcolor: white;\n\tmin-height: 100vh;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.game-container {\n\tdisplay: flex;\n\tgap: 20px;\n\tpadding: 20px;\n\tbackground-color: rgba(0, 0, 0, 0.3);\n\tborder-radius: 15px;\n\tbox-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n}\n\n.game-info {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 20px;\n\tmin-width: 200px;\n}\n\n.game-info h1 {\n\ttext-align: center;\n\tfont-size: 2.5em;\n\tcolor: #00ff88;\n\ttext-shadow: 0 0 10px #00ff88;\n\tmargin-bottom: 10px;\n}\n\n.score-board {\n\tbackground: rgba(0, 0, 0, 0.5);\n\tpadding: 15px;\n\tborder-radius: 10px;\n\tborder: 2px solid #00ff88;\n}\n\n.score-board div {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tmargin: 8px 0;\n\tfont-size: 1.1em;\n}\t\n\n.next-piece {\n\tbackground: rgba(0, 0, 0, 0.5);\n\tpadding: 15px;\n\tborder-radius: 10px;\n\tborder: 2px solid #00ff88;\n\ttext-align: center;\n}\n\n#next-canvas {\n\tbackground: #000;\n\tborder: 1px solid #333;\n\tborder-radius: 5px;\n}\n\n#game-canvas {\n\tbackground: #000;\n\tborder: 3px solid #00ff88;\n\tborder-radius: 10px;\n\tbox-shadow: 0 0 20px rgba(0, 255, 136, 0.3);\t\n}\n\n",[],[226],{"_103":234,"_95":235,"_151":236,"_153":-5,"_154":137,"_155":237,"_157":158,"_105":238,"_100":32,"_160":220,"_162":239,"_163":22,"_164":-5,"_165":240,"_98":241},"1d14ef16-4cda-11f0-97e6-76b3cceeab13","tetreis-pieces.js","1d14efca-4cda-11f0-97e6-76b3cceeab13",21,["D",1750316012292],"// Tetris piece definitions\nconst PIECES = {\n I: {\n shape: [\n [0,0,0,0],\n [1,1,1,1],\n [0,0,0,0],\n [0,0,0,0]\n ],\n color: '#00ffff'\n },\n O: {\n shape: [\n [1,1],\n [1,1]\n ],\n color: '#ffff00'\n },\n T: {\n shape: [\n [0,1,0],\n [1,1,1],\n [0,0,0]\n ],\n color: '#800080'\n },\n S: {\n shape: [\n [0,1,1],\n [1,1,0],\n [0,0,0]\n ],\n color: '#00ff00'\n },\n Z: {\n shape: [\n [1,1,0],\n [0,1,1],\n [0,0,0]\n ],\n color: '#ff0000'\n },\n J: {\n shape: [\n [1,0,0],\n [1,1,1],\n [0,0,0]\n ],\n color: '#0000ff'\n },\n L: {\n shape: [\n [0,0,1],\n [1,1,1],\n [0,0,0]\n ],\n color: '#ffa500'\n }\n};",[],[235],"files",[149,167,177,187,196,205,213,224,233],"counts",{"_246":32,"_247":156,"_248":32,"_249":32},"pulls","branches","forks","envVars","contents",[],{"_103":197,"_154":137,"_151":198,"_95":99,"_162":202,"_160":201,"_100":200,"_153":-5,"_105":253,"_155":136,"_164":-5,"_98":254},["D",1750361154352],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":263,"_147":268,"_242":296,"_173":297,"_250":300,"_301":-5,"_302":22,"_303":-5,"_304":-5,"_305":-5,"_306":307},{"_103":104,"_95":96,"_105":264,"_107":-5,"_108":22,"_109":110,"_111":72,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":265,"_131":266,"_134":267,"_146":22},["D",1750306176537],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[269,278,281,284,287,290,293],{"_103":150,"_95":96,"_151":152,"_153":-5,"_154":137,"_155":156,"_157":158,"_105":159,"_100":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_165":270,"_98":277},[271,274],{"_103":168,"_95":169,"_151":170,"_153":152,"_154":137,"_155":171,"_157":158,"_105":172,"_100":32,"_160":173,"_162":174,"_163":22,"_164":-5,"_165":272,"_98":273},[],[96,169],{"_103":178,"_95":179,"_151":180,"_153":152,"_154":137,"_155":181,"_157":158,"_105":182,"_100":32,"_160":173,"_162":183,"_163":22,"_164":-5,"_165":275,"_98":276},[],[96,179],[96],{"_103":188,"_95":189,"_151":190,"_153":-5,"_154":137,"_155":191,"_157":158,"_105":192,"_100":32,"_160":173,"_162":193,"_163":22,"_164":-5,"_165":279,"_98":280},[],[189],{"_103":197,"_95":99,"_151":198,"_153":-5,"_154":137,"_155":136,"_157":158,"_105":199,"_100":200,"_160":201,"_162":202,"_163":22,"_164":-5,"_165":282,"_98":283},[],[99],{"_103":206,"_95":179,"_151":207,"_153":-5,"_154":137,"_155":208,"_157":158,"_105":209,"_100":32,"_160":173,"_162":210,"_163":22,"_164":-5,"_165":285,"_98":286},[],[179],{"_103":214,"_95":215,"_151":216,"_153":-5,"_154":137,"_155":217,"_157":158,"_105":218,"_100":219,"_160":220,"_162":221,"_163":22,"_164":-5,"_165":288,"_98":289},[],[215],{"_103":225,"_95":226,"_151":227,"_153":-5,"_154":137,"_155":228,"_157":158,"_105":229,"_100":219,"_160":173,"_162":230,"_163":22,"_164":-5,"_165":291,"_98":292},[],[226],{"_103":234,"_95":235,"_151":236,"_153":-5,"_154":137,"_155":237,"_157":158,"_105":238,"_100":32,"_160":220,"_162":239,"_163":22,"_164":-5,"_165":294,"_98":295},[],[235],[269,271,274,278,281,284,287,290,293],{"_103":197,"_154":137,"_151":198,"_95":99,"_162":202,"_160":201,"_100":200,"_153":-5,"_105":298,"_155":136,"_164":-5,"_98":299},["D",1750361154352],[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]

TETRIS

Next:

willscriv

my-fourth-app