AI game creator

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

No:4794

6537

←

Prev Next

→

tetrodotoxin
Developer anonymous｜Date and time 70/1/1 10:48:19
Build time unknown sec｜Game capacity 6.499KB｜

Script

了解しました。テトロドトキシンに関連するゲームを作成します。以下にテトリス風のゲームを実装したプログラムを示します。

このプログラムでは、スマホで操作可能なテトリス風のゲームを実装しています。ご確認ください。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。テトロドトキシンに関連するゲームを作成します。
以下にテトリス風のゲームを実装したプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Tetrodoxin Game</title>
  <style>
    #game-board {
      display: flex;
      flex-wrap: wrap;
      width: 210px;
      height: 420px;
      border: 2px solid black;
      overflow: hidden;
    }
    
    .cell {
      width: 30px;
      height: 30px;
      border: 1px solid gray;
      box-sizing: border-box;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// テトリミノの形状パターン
    const tetriminos = [
      [[1, 1, 1, 1]], // I
      [[1, 1], [1, 1]], // O
      [[1, 1, 1], [0, 1, 0]], // T
      [[0, 1, 1], [1, 1, 0]], // S
      [[1, 1, 0], [0, 1, 1]], // Z
      [[1, 1, 1], [0, 0, 1]], // L
      [[1, 1, 1], [1, 0, 0]]  // J
    ];

// ゲームの状態を保持する変数
    let gameBoard = [];
    let currentTetrimino = null;
    let tetriminoX = 0;
    let tetriminoY = 0;

// 初期化
    function init() {
      // ゲームボードを配列で生成し、空のマス目として初期化
      gameBoard = Array.from({ length: boardHeight }, () => Array(boardWidth).fill(0));

// ゲームボードの要素を作成し、画面に表示
      const gameBoardElement = document.getElementById('game-board');
      for (let y = 0; y < boardHeight; y++) {
        for (let x = 0; x < boardWidth; x++) {
          const cellElement = document.createElement('div');
          cellElement.classList.add('cell');
          gameBoardElement.appendChild(cellElement);
        }
      }

// テトリミノの初期位置を設定
      tetriminoX = Math.floor((boardWidth - 1) / 2);
      tetriminoY = 0;

// テトリミノを生成
      spawnTetrimino();
    }

// テトリミノを生成
    function spawnTetrimino() {
      const randomTetrimino = tetriminos[Math.floor(Math.random() * tetriminos.length)];
      currentTetrimino = {
        shape: randomTetrimino,
        x: tetriminoX,
        y: tetriminoY
      };
    }

// テトリミノを回転
    function rotateTetrimino() {
      const rotatedTetrimino = [];
      const N = currentTetrimino.shape.length;
      for (let i = 0; i < N; i++) {
        rotatedTetrimino[i] = [];
        for (let j = 0; j < N; j++) {
          rotatedTetrimino[i][j] = currentTetrimino.shape[N - j - 1][i];
        }
      }
      currentTetrimino.shape = rotatedTetrimino;
    }

// テトリミノを移動
    function moveTetrimino(dx, dy) {
      tetriminoX += dx;
      tetriminoY += dy;
      if (!isValidMove()) {
        tetriminoX -= dx;
        tetriminoY -= dy;
      }
    }

// テトリミノをボード上に固定
    function fixTetrimino() {
      const shape = currentTetrimino.shape;
      const N = shape.length;
      for (let i = 0; i < N; i++) {
        for (let j = 0; j < N; j++) {
          if (shape[i][j]) {
            gameBoard[tetriminoY + i][tetriminoX + j] = 1;
          }
        }
      }
      spawnTetrimino();
    }

// 移動や回転が有効かチェック
    function isValidMove() {
      const shape = currentTetrimino.shape;
      const N = shape.length;
      for (let i = 0; i < N; i++) {
        for (let j = 0; j < N; j++) {
          if (shape[i][j]) {
            const x = tetriminoX + j;
            const y = tetriminoY + i;
            if (x < 0 || x >= boardWidth || y >= boardHeight || gameBoard[y][x]) {
              return false;
            }
          }
        }
      }
      return true;
    }

// ゲームオーバー判定
    function isGameOver() {
      const N = currentTetrimino.shape.length;
      for (let i = 0; i < N; i++) {
        for (let j = 0; j < N; j++) {
          if (currentTetrimino.shape[i][j] && gameBoard[tetriminoY + i][tetriminoX + j]) {
            return true;
          }
        }
      }
      return false;
    }

// ラインが揃ったかチェック
    function checkLines() {
      const fullLines = [];
      for (let y = 0; y < boardHeight; y++) {
        if (gameBoard[y].every(cell => cell)) {
          fullLines.push(y);
        }
      }
      return fullLines;
    }

// ラインを削除
    function clearLines(lines) {
      for (const line of lines) {
        gameBoard.splice(line, 1);
        gameBoard.unshift(Array(boardWidth).fill(0));
      }
    }

// ゲーム画面を更新
    function updateGameBoard() {
      const gameBoardElement = document.getElementById('game-board');
      const cells = gameBoardElement.querySelectorAll('.cell');
      for (let y = 0; y < boardHeight; y++) {
        for (let x = 0; x < boardWidth; x++) {
          if (gameBoard[y][x]) {
            cells[y * boardWidth + x].style.backgroundColor = 'black';
          } else {
            cells[y * boardWidth + x].style.backgroundColor = 'white';
          }
        }
      }

// ゲームループ
    function gameLoop() {
      if (isGameOver()) {
        alert('ゲームオーバー！');
        return;
      }

moveTetrimino(0, 1);

if (!isValidMove()) {
        fixTetrimino();
        const fullLines = checkLines();
        if (fullLines.length > 0) {
          clearLines(fullLines);
        }
      }

updateGameBoard();

setTimeout(gameLoop, 1000);
    }
    
    // スマホ操作対応
    window.addEventListener('keydown', function(event) {
      switch (event.key) {
        case 'ArrowLeft':
          moveTetrimino(-1, 0);
          break;
        case 'ArrowRight':
          moveTetrimino(1, 0);
          break;
        case 'ArrowUp':
          rotateTetrimino();
          break;
        case 'ArrowDown':
          moveTetrimino(0, 1);
          break;
      }
    });

init();
    gameLoop();
  </script>
</body>
</html>
```

このプログラムでは、スマホで操作可能なテトリス風のゲームを実装しています。ご確認ください。