Make a Tetris game where the camera is locked on the Tetris piece and the Tetris piece. Turns the screen turns that same exact direction to.'s game

Click here for free DL of the app version that can save data.

No:49389

←

Prev Next

→

Make a Tetris game where the camera is locked on t..ALL
Developer User21041｜Date and time 24/3/5 1:06:42
Build time 14.633 sec｜Game capacity 2.208KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
   <title>Tetris Game</title>
   <style>
       body {
           margin: 0;
           overflow: hidden;
       }
   </style>
</head>
<body>
   <canvas id="tetris" width="300" height="600"></canvas>
   <script>
       const canvas = document.getElementById('tetris');
       const ctx = canvas.getContext('2d');

const grid = 30;
       const tetrisPieces = [
           [
               [1, 1, 1],
               [0, 1, 0],
           ],
           [
               [0, 1, 1],
               [1, 1, 0],
           ],
           [
               [1, 1],
               [1, 1],
           ],
           [
               [1, 0, 0],
               [1, 1, 1],
           ],
       ];

let currentPiece = tetrisPieces[Math.floor(Math.random() * tetrisPieces.length)];
       let x = 0;
       let y = 0;

function rotatePiece() {
           const newPiece = [];
           for (let i = 0; i < currentPiece[0].length; i++) {
               newPiece.push(currentPiece.map(row => row[i]).reverse());
           }
           currentPiece = newPiece;
       }

setInterval(() => {
           if (y < canvas.height / grid - currentPiece.length) {
               y++;
           }
           drawPiece();
       }, 500);
   </script>
</body>
</html>