AI game creator

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

No:36642

←

Prev Next

→

Ludo Game
Developer User16822｜Date and time 24/1/18 5:56:12
Build time 7.661 sec｜Game capacity 1.997KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      /* CSS styles for the game board and pieces */
      #game-board {
        width: 300px;
        height: 300px;
        background-color: #f7f7f7;
        border: 2px solid black;
        position: relative;
      }
      
      .piece {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
      }
      
      .blue-piece {
        background-color: blue;
      }
      
      .red-piece {
        background-color: red;
      }
      
      .yellow-piece {
        background-color: yellow;
      }
      
      .green-piece {
        background-color: green;
      }
    </style>
  </head>
  <body>
    <script>
      // JavaScript code for the Ludo game
      
      // Define the players and their positions
      var players = [
        { color: 'blue', position: 0 },
        { color: 'red', position: 0 },
        { color: 'yellow', position: 0 },
        { color: 'green', position: 0 }
      ];
      
      // Function to roll the dice and move the player's piece
      function rollDice() {
        var diceNumber = Math.floor(Math.random() * 6) + 1;
        var currentPlayer = players[0];
        
        currentPlayer.position += diceNumber;
        
        // Update the position on the board
        var gameBoard = document.getElementById('game-board');
        
        // Calculate the new position of the current player's piece
        var newPosition = currentPlayer.position % 40;
        
        // Display the new position
        var playerPiece = document.createElement('div');
        playerPiece.className = 'piece ' + currentPlayer.color + '-piece';
        playerPiece.style.top = newPosition * 30 + 'px';
        playerPiece.style.left = newPosition * 30 + 'px';
        gameBoard.appendChild(playerPiece);
      }
      
      // Start the game
      rollDice();
    </script>
    
    <div id="game-board"></div>
  </body>
</html>