Juego de aventura 3d historia emocionante's game

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

No:21117

←

Prev Next

→

Juego de aventura 3d historia emocionante
Developer User9333｜Date and time 23/10/13 11:47:22
Build time 50.709 sec｜Game capacity 1.438KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de Aventura 3D</title>
    <style>
      #canvas {
        position: absolute;
        top: 0;
        left: 0;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas" width="400" height="400"></canvas>
    <script>
      // Variables globales del juego
      const canvas = document.getElementById("canvas");
      const context = canvas.getContext("2d");
      let playerX = 200;
      let playerY = 200;

// Función para dibujar el jugador en el canvas
      function drawPlayer() {
        context.fillStyle = "blue";
        context.fillRect(playerX, playerY, 50, 50);
      }

// Función para manejar los eventos del teclado
      function handleKeyPress(event) {
        const key = event.key;
        if (key === "ArrowUp") {
          playerY -= 10;
        } else if (key === "ArrowDown") {
          playerY += 10;
        } else if (key === "ArrowLeft") {
          playerX -= 10;
        } else if (key === "ArrowRight") {
          playerX += 10;
        }
      }

// Función principal del juego
      function gameLoop() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
      }

// Iniciar el juego
      function startGame() {
        document.addEventListener("keydown", handleKeyPress);
        setInterval(gameLoop, 1000 / 60); // 60 FPS
      }

startGame();
    </script>
  </body>
</html>