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 | AI game creator

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

No:49388

33

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

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

```html
<!DOCTYPE html>
<html>
<head>
  <title>Tetris Game</title>
</head>
<body>
  <canvas id="tetrisCanvas" width="300" height="600"></canvas>

<script>
    const canvas = document.getElementById("tetrisCanvas");
    const ctx = canvas.getContext("2d");

const blockSize = 30;
    const width = canvas.width / blockSize;
    const height = canvas.height / blockSize;

let tetrisPiece = {
      x: width / 2,
      y: 0,
      color: "blue",
      shape: [
        [1,1],
        [1,1]
      ]
    };

function drawTetrisPiece() {
      ctx.fillStyle = tetrisPiece.color;
      for (let y = 0; y < tetrisPiece.shape.length; y++) {
        for (let x = 0; x < tetrisPiece.shape[y].length; x++) {
          if (tetrisPiece.shape[y][x] !== 0) {
            ctx.fillRect((tetrisPiece.x + x) * blockSize, (tetrisPiece.y + y) * blockSize, blockSize, blockSize);
          }
        }
      }
    }

function rotateTetrisPiece() {
      const rotatedPiece = [];
      for (let y = 0; y < tetrisPiece.shape[0].length; y++) {
        rotatedPiece[y] = [];
        for (let x = 0; x < tetrisPiece.shape.length; x++) {
          rotatedPiece[y][x] = tetrisPiece.shape[tetrisPiece.shape.length - 1 - x][y];
        }
      }
      tetrisPiece.shape = rotatedPiece;
    }

function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawTetrisPiece();
    }

function handleOrientation(event) {
      if (event.beta > 30) { // Rotate right
        tetrisPiece.x++;
      } else if (event.beta < -30) { // Rotate left
        tetrisPiece.x--;
      } else if (event.gamma > 30) { // Move right
        tetrisPiece.y++;
      } else if (event.gamma < -30) { // Move left
        tetrisPiece.y--;
      }
    }

window.addEventListener("deviceorientation", handleOrientation, true);

setInterval(updateGame, 1000 / 60); // 60 fps
  </script>
</body>
</html>
```