AI game creator

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

No:35590

←

Prev Next

→

Mine craft
Developer User16561｜Date and time 24/1/14 23:49:16
Build time 7.612 sec｜Game capacity 1.746KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Minecraft Game</title>
  <style>
    #game-board {
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      grid-template-rows: repeat(20, 1fr);
      grid-gap: 2px;
      background-color: #474747;
      padding: 10px;
    }

.block {
      background-color: #FF7400;
    }

.player {
      background-color: #0097A7;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// Create game cells
    for (let i = 0; i < 200; i++) {
      const cell = document.createElement("div");
      cell.classList.add("block");
      gameBoard.appendChild(cell);
    }

const cells = document.querySelectorAll("#game-board .block");

// Set player's initial position randomly
    const playerPosition = Math.floor(Math.random() * 200);
    cells[playerPosition].classList.add("player");

// Update player's position based on user interactions
    document.addEventListener("keydown", function(event) {
      cells[playerPosition].classList.remove("player");

switch (event.key) {
        case "ArrowUp":
          if (playerPosition >= 10) {
            playerPosition -= 10;
          }
          break;
        case "ArrowDown":
          if (playerPosition < 190) {
            playerPosition += 10;
          }
          break;
        case "ArrowLeft":
          if (playerPosition % 10 !== 0) {
            playerPosition -= 1;
          }
          break;
        case "ArrowRight":
          if (playerPosition % 10 !== 9) {
            playerPosition += 1;
          }
          break;
      }

cells[playerPosition].classList.add("player");
    });
  </script>
</body>
</html>