AI game creator

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

No:20258

119

←

Prev Next

→

2d Minecraft
Developer User7287｜Date and time 23/10/9 1:26:33
Build time 15.875 sec｜Game capacity 3.1KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>

<head>
  <title>2D Minecraft Game</title>
</head>

// Tamaño de los bloques
      var blockSize = 20;

// Define el mapa del juego
      var map = [
        [1, 1, 1, 1, 1, 1, 1, 1],
        [1, 0, 0, 0, 0, 0, 0, 1],
        [1, 0, 1, 1, 1, 1, 0, 1],
        [1, 0, 1, 0, 0, 1, 0, 1],
        [1, 1, 1, 0, 1, 1, 0, 1],
        [1, 0, 0, 0, 1, 0, 0, 1],
        [1, 0, 1, 1, 1, 1, 0, 1],
        [1, 0, 0, 0, 0, 0, 0, 1],
        [1, 1, 1, 1, 1, 1, 1, 1]
      ];

// Crea un objeto de jugador
      var player = {
        x: 1, // posición inicial en x
        y: 1, // posición inicial en y
        color: "#FF0000", // color del jugador
      };

// Dibuja el jugador en el canvas
      function drawPlayer() {
        context.fillStyle = player.color;
        context.fillRect(player.x * blockSize, player.y * blockSize, blockSize, blockSize);
      }

// Dibuja el mapa del juego
      function drawMap() {
        for (var y = 0; y < map.length; y++) {
          for (var x = 0; x < map[y].length; x++) {
            var blockX = x * blockSize;
            var blockY = y * blockSize;

if (map[y][x] === 1) {
              context.fillStyle = "#000000"; // color de los bloques
              context.fillRect(blockX, blockY, blockSize, blockSize);
            }
          }
        }
      }

// Actualiza la posición del jugador según la dirección
      function updatePlayer(direction) {
        var newX = player.x;
        var newY = player.y;

if (direction === "up") {
          newY--;
        } else if (direction === "down") {
          newY++;
        } else if (direction === "left") {
          newX--;
        } else if (direction === "right") {
          newX++;
        }

// Verifica si la próxima posición es un bloque sólido
        if (map[newY][newX] === 0) {
          player.x = newX;
          player.y = newY;
        }
      }

// Dibuja el juego completo
      function drawGame() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        drawMap();
        drawPlayer();
      }

// Controla las teclas presionadas
      function handleKeyDown(event) {
        if (event.key === "ArrowUp") {
          updatePlayer("up");
        } else if (event.key === "ArrowDown") {
          updatePlayer("down");
        } else if (event.key === "ArrowLeft") {
          updatePlayer("left");
        } else if (event.key === "ArrowRight") {
          updatePlayer("right");
        }

drawGame();
      }

// Escucha los eventos de teclado
      document.addEventListener("keydown", handleKeyDown);

// Dibuja el juego inicial
      drawGame();
    });

</script>
</body>

</html>