AI game creator

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

No:8750

125

←

Prev Next

→

3D game
Developer User4235｜Date and time 23/7/18 3:34:29
Build time 38.508 sec｜Game capacity 3.586KB｜

Script

Como programa de exemplo, aqui está um jogo simples implementado em um único arquivo HTML usando JavaScript. Este jogo é uma versão simples do popular jogo da velha, projetado para ser jogado em um dispositivo móvel.

Neste exemplo, o jogo da velha é criado usando elementos DIV que representam as células do tabuleiro. Cada célula é um elemento com a classe "cell" e possui um manipulador de eventos para capturar o clique do jogador. O jogo segue as regras básicas do jogo da velha. O jogador X começa o jogo e alterna entre X e O a cada jogada. O jogo termina quando um jogador vence ou há um empate. Espero que este exemplo lhe ajude a começar a criar seu próprio jogo em 3D!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jogo da Velha</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-family: Arial, sans-serif;
    }
    #board {
      width: 300px;
      height: 300px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(3, 1fr);
    }
    .cell {
      border: 1px solid black;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="board">
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
  </div>

for (let i = 0; i < cells.length; i++) {
        cells[i].addEventListener('click', () => {
          if (!gameEnded && cells[i].innerHTML === '') {
            cells[i].innerHTML = currentPlayer;
            cells[i].style.cursor = 'not-allowed';

if (checkWin(currentPlayer)) {
              alert(`Jogador ${currentPlayer} venceu!`);
              gameEnded = true;
              resetBoard();
            } else if (checkDraw()) {
              alert('O jogo terminou em empate!');
              gameEnded = true;
              resetBoard();
            } else {
              currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
            }
          }
        });
      }

function checkWin(player) {
        const winningCombinations = [
          [0, 1, 2], [3, 4, 5], [6, 7, 8], // Rows
          [0, 3, 6], [1, 4, 7], [2, 5, 8], // Columns
          [0, 4, 8], [2, 4, 6] // Diagonals
        ];

for (let i = 0; i < winningCombinations.length; i++) {
          const [a, b, c] = winningCombinations[i];
          if (
            cells[a].innerHTML === player &&
            cells[b].innerHTML === player &&
            cells[c].innerHTML === player
          ) {
            return true;
          }
        }
        return false;
      }

function checkDraw() {
        for (let i = 0; i < cells.length; i++) {
          if (cells[i].innerHTML === '') {
            return false;
          }
        }
        return true;
      }

function resetBoard() {
        for (let i = 0; i < cells.length; i++) {
          cells[i].innerHTML = '';
          cells[i].style.cursor = 'pointer';
        }
        currentPlayer = 'X';
        gameEnded = false;
      }
    });
  </script>
</body>
</html>
```

O jogo segue as regras básicas do jogo da velha. O jogador X começa o jogo e alterna entre X e O a cada jogada. O jogo termina quando um jogador vence ou há um empate.

Espero que este exemplo lhe ajude a começar a criar seu próprio jogo em 3D!