Make a monopoly Game's game

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

No:36120

150

←

Prev Next

→

Make a monopoly Game
Developer User16701｜Date and time 24/1/16 23:19:53
Build time 25.927 sec｜Game capacity 5.897KB｜

Script

Community Chest

Palms

Chance

Biscayne Bay

Railroad

Atlantic Ave

Community Chest

Pennsylvania Ave

Chance

Jail / Just Visiting

Coral Gables

Electric Company

Park Place

Free Parking

Brickell Ave

Water Works

Community Chest

Collins Ave

Chance

Go to Jail

Miami Beach

Luxury Tax

Broadway

Community Chest

Wall Street

Railroad

Central Park

Chance

Miami Intl Airport

Visiting Cocoplum

Community Chest

Downtown

Waterfront

Chance

GO TO JAIL

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Monopoly Game</title>
  <style>
    #game-board {
      display: grid;
      grid-template-columns: repeat(11, 1fr);
      grid-template-rows: repeat(11, 1fr);
      width: 100vw;
      height: 100vh;
    }

.cell {
      border: 2px solid black;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f9f9f9;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <div class="cell">GO</div>
    <div class="cell">Community Chest</div>
    <div class="cell">Palms</div>
    <div class="cell">Chance</div>
    <div class="cell">Biscayne Bay</div>
    <div class="cell">Railroad</div>
    <div class="cell">Atlantic Ave</div>
    <div class="cell">Community Chest</div>
    <div class="cell">Pennsylvania Ave</div>
    <div class="cell">Chance</div>
    <div class="cell">Jail / Just Visiting</div>
    <div class="cell">Coral Gables</div>
    <div class="cell">Electric Company</div>
    <div class="cell">Park Place</div>
    <div class="cell">Free Parking</div>
    <div class="cell">Brickell Ave</div>
    <div class="cell">Water Works</div>
    <div class="cell">Community Chest</div>
    <div class="cell">Collins Ave</div>
    <div class="cell">Chance</div>
    <div class="cell">Go to Jail</div>
    <div class="cell">Miami Beach</div>
    <div class="cell">Luxury Tax</div>
    <div class="cell">Broadway</div>
    <div class="cell">Community Chest</div>
    <div class="cell">Wall Street</div>
    <div class="cell">Railroad</div>
    <div class="cell">Central Park</div>
    <div class="cell">Chance</div>
    <div class="cell">Miami Intl Airport</div>
    <div class="cell">Visiting Cocoplum</div>
    <div class="cell">Community Chest</div>
    <div class="cell">Downtown</div>
    <div class="cell">Waterfront</div>
    <div class="cell">Chance</div>
    <div class="cell">GO TO JAIL</div>
  </div>

// Global variables to track the state of the game
    let currentPlayer = 1; // Starting player
    let playerPositions = [0, 0]; // Track each player's position on the game board

// Function to simulate a dice roll (returns a random number between 1-6)
    function rollDice() {
      return Math.floor(Math.random() * 6) + 1;
    }

// Function to move a player on the game board
    function movePlayer(playerIndex, steps) {
      const totalCells = 40; // Total number of cells in the game board

// Calculate new position by adding steps to the current position
      const newPosition = (playerPositions[playerIndex] + steps) % totalCells;

// Update the player's position
      playerPositions[playerIndex] = newPosition;

// Update the graphical representation of the game board
      updateGameBoard();

// Process the cell the player landed on
      processCell(playerIndex);
    }

// Function to update the graphical representation of the game board
    function updateGameBoard() {
      const cells = document.getElementsByClassName("cell");

// Clear all player markers from the cells
      for (let i = 0; i < cells.length; i++) {
        cells[i].innerHTML = "";
      }

// Add player markers to their current positions
      for (let i = 0; i < playerPositions.length; i++) {
        const playerIndex = playerPositions[i];
        cells[playerIndex].innerHTML = `<img src="player${i + 1}.png" width="30" height="30">`;
      }
    }

// Function to process the cell a player landed on
    function processCell(playerIndex) {
      const cellTypes = [
        "Go", "Community Chest", "Palms", "Chance", "Biscayne Bay",
        "Railroad", "Atlantic Ave", "Community Chest", "Pennsylvania Ave", "Chance",
        "Jail", "Coral Gables", "Electric Company", "Park Place", "Free Parking",
        "Brickell Ave", "Water Works", "Community Chest", "Collins Ave", "Chance",
        "Go to Jail", "Miami Beach", "Luxury Tax", "Broadway", "Community Chest",
        "Wall Street", "Railroad", "Central Park", "Chance", "Miami Intl Airport",
        "Visiting Cocoplum", "Community Chest", "Downtown", "Waterfront", "Chance",
        "Go to Jail"
      ];

// Get the cell type the player landed on
      const cellType = cellTypes[playerPositions[playerIndex]];
      
      // Display the cell type to the player
      alert(`Player ${playerIndex + 1} landed on ${cellType}.`);

// Process the special actions for specific cell types
      switch (cellType) {
        case "Go":
          break;
        case "Community Chest":
          // TODO: Implement community chest actions
          break;
        case "Palms":
          // TODO: Implement palms actions
          break;
        case "Chance":
          // TODO: Implement chance actions
          break;
        case "Biscayne Bay":
          // TODO: Implement Biscayne Bay actions
          break;
        case "Railroad":
          // TODO: Implement railroad actions
          break;
        case "Atlantic Ave":
          // TODO: Implement Atlantic Ave actions
          break;
        // Continue the switch cases for the rest of the cell types
      }

// Switch to the next player
      currentPlayer = (currentPlayer + 1) % 2;
    }

// Function to start the game and handle player turns
    function startGame() {
      alert("Welcome to Monopoly!");

// Main game loop
      while (true) {
        const diceRoll = rollDice();
        alert(`Player ${currentPlayer + 1}, it's your turn!\nYou rolled a ${diceRoll}.`);

movePlayer(currentPlayer, diceRoll);

// Check if any player has reached a winning condition
        // TODO: Implement winning conditions

// Switch to the next player
        currentPlayer = (currentPlayer + 1) % 2;
      }
    }

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