Pink and Blueberry 2's game

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

No:25746

←

Prev Next

→

Pink and Blueberry 2
Developer User12653｜Date and time 23/11/24 10:27:25
Build time 55.515 sec｜Game capacity 3.153KB｜

Script

Sure! Here's a sample code for a simple game called "Pink and Blueberry 2" implemented as a single HTML file with JavaScript embedded within script tags:

This code creates a tic-tac-toe-like game where players can take turns by clicking on the cells of the game board. The game will check for winning combinations and display an alert when a player wins or if it's a tie. The game is fully playable on a smartphone and the game board is displayed using pictogram-like Pink food and Blueberrys

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a sample code for a simple game called "Pink and Blueberry 2" implemented as a single HTML file with JavaScript embedded within script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pink and Blueberry 2</title>
  <style>
    #game-container {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
    
    #game-board {
      width: 300px;
      height: 300px;
      border: 1px solid #000;
      display: flex;
      flex-wrap: wrap;
    }
    
    .cell {
      width: 100px;
      height: 100px;
      border: 1px solid #000;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 48px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="game-board"></div>
  </div>

// Create game board
    const renderGameBoard = () => {
      const gameBoardContainer = document.getElementById("game-board");
      
      gameBoard.forEach((cell, index) => {
        const cellElement = document.createElement("div");
        cellElement.className = "cell";
        cellElement.innerText = cell;
        cellElement.addEventListener("click", () => { handleMove(index) });
        gameBoardContainer.appendChild(cellElement);
      });
    };

// Handle player move
    const handleMove = (index) => {
      if (gameBoard[index] === "" && !gameEnded) {
        gameBoard[index] = currentPlayer;
        renderGameBoard();
        checkEndGameConditions();
        switchPlayer();
      }
    };

// Switch current player
    const switchPlayer = () => {
      currentPlayer = currentPlayer === "X" ? "O" : "X";
    };

// Check end game conditions
    const checkEndGameConditions = () => {
      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 (const combination of winningCombinations) {
        const [a, b, c] = combination;
        if (gameBoard[a] === gameBoard[b] && gameBoard[b] === gameBoard[c] && gameBoard[a] !== "") {
          gameEnded = true;
          setTimeout(() => { alert(`Player ${currentPlayer} has won!`); }, 100);
          break;
        }
      }

if (!gameBoard.includes("") && !gameEnded) {
        gameEnded = true;
        setTimeout(() => { alert("It's a tie!"); }, 100);
      }
    };

// Start the game
    renderGameBoard();
  </script>
</body>
</html>
```