AI game creator

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

No:186

300

←

Prev Next

→

text
Developer User2860｜Date and time 23/6/5 14:45:57
Build time 67.384 sec｜Game capacity 3.436KB｜

Script

I understand your request. Here is an example implementation of a game as a single HTML file with JavaScript and playable on mobile devices:

This is a simple tic-tac-toe game where two players take turns clicking on empty cells to try to get a line of three emojis in a row. The game board consists of nine yellow circles, and each player’s moves are displayed using their corresponding emojis (a smiling face and sunglasses). When a player wins, a congratulatory message is displayed in green text. The game should be fully playable on smartphones.

←

Prev　Next

→ 　

Back　

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

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

I understand your request. Here is an example implementation of a game as a single HTML file with JavaScript and playable on mobile devices:

<html>
<head>
<title>Emoji Fighter</title>
<style>
/* Style the game board */
#board {
  margin: 0 auto;
  width: 80%;
  max-width: 600px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

/* Style the game cells */
.cell {
  width: 30%;
  padding-bottom: 30%;
  margin-bottom: 5%;
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  background-color: yellow;
}

/* Style the player emojis */
.player1, .player2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4em;
}

/* Style the winner display */
#winner {
  text-align: center;
  font-size: 2em;
  color: green;
  display: none;
}
</style>
</head>
<body>
<div id="board">
  <div class="cell" id="0"></div>
  <div class="cell" id="1"></div>
  <div class="cell" id="2"></div>
  <div class="cell" id="3"></div>
  <div class="cell" id="4"></div>
  <div class="cell" id="5"></div>
  <div class="cell" id="6"></div>
  <div class="cell" id="7"></div>
  <div class="cell" id="8"></div>
</div>
<div id="winner"></div>
<script>
// Define the game state
const players = ["😀", "😎"];
let currentPlayer = 0;
let cells = Array.from(document.querySelectorAll(".cell"));
let board = ["", "", "", "", "", "", "", "", ""];

// Helper function to check if a player has won
function checkWin(player) {
  return (board[0] === player && board[1] === player && board[2] === player) ||
         (board[3] === player && board[4] === player && board[5] === player) ||
         (board[6] === player && board[7] === player && board[8] === player) ||
         (board[0] === player && board[3] === player && board[6] === player) ||
         (board[1] === player && board[4] === player && board[7] === player) ||
         (board[2] === player && board[5] === player && board[8] === player) ||
         (board[0] === player && board[4] === player && board[8] === player) ||
         (board[2] === player && board[4] === player && board[6] === player)
}

// Add click event listeners to all game cells
cells.forEach(cell => {
  cell.addEventListener("click", function() {
    // If the cell is already taken, do nothing
    if (board[cell.id] !== "") {
      return;
    }
    // Update the board and check if the current player has won
    board[cell.id] = players[currentPlayer];
    if (checkWin(players[currentPlayer])) {
      document.getElementById("winner").textContent = "Player " + (currentPlayer + 1) + " wins!";
      document.getElementById("winner").style.display = "block";
      cells.forEach(cell => {
        cell.removeEventListener("click", this);
      });
      return;
    }
    // Switch to the next player
    currentPlayer = (currentPlayer + 1) % 2;
    // Update the cell with the current player's emoji
    cell.innerHTML = "<div class='player" + (currentPlayer + 1) + "'>" + players[currentPlayer] + "</div>";
  });
});
</script>
</body>
</html>

This is a simple tic-tac-toe game where two players take turns clicking on empty cells to try to get a line of three emojis in a row. The game board consists of nine yellow circles, and each player's moves are displayed using their corresponding emojis (a smiling face and sunglasses). When a player wins, a congratulatory message is displayed in green text. The game should be fully playable on smartphones.