Un juego basado en el gta san andreas con grafico's game

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

No:28205

←

Prev Next

→

Un juego basado en el gta san andreas con grafico
Developer User14025｜Date and time 23/12/11 7:44:53
Build time 17.187 sec｜Game capacity 2.198KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Juego basado en GTA San Andreas</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  
  <script>
    // Variables globales
    var canvas;
    var canvasContext;

// Jugador
    var playerX = 400;
    var playerY = 300;
    var playerSpeedX = 5;
    var playerSpeedY = 5;

// Cargar canvas al cargar la página
    window.onload = function() {
      canvas = document.getElementById("gameCanvas");
      canvasContext = canvas.getContext("2d");

// Actualizar el movimiento del jugador
      setInterval(function() {
        movePlayer();
        drawEverything();
      }, 1000/30); // 30 cuadros por segundo
    };

// Mover al jugador en función de las teclas
    function movePlayer() {
      // Mover hacia arriba
      if (keys[38]) {
        playerY -= playerSpeedY;
      }
      // Mover hacia abajo
      if (keys[40]) {
        playerY += playerSpeedY;
      }
      // Mover hacia la izquierda
      if (keys[37]) {
        playerX -= playerSpeedX;
      }
      // Mover hacia la derecha
      if (keys[39]) {
        playerX += playerSpeedX;
      }
    }

// Verificar estado de las teclas
    var keys = {};
    document.addEventListener("keydown", function(e) {
      keys[e.keyCode] = true;
    });
    document.addEventListener("keyup", function(e) {
      keys[e.keyCode] = false;
    });

// Dibujar el jugador y el fondo en el canvas
    function drawEverything() {
      // Fondo
      colorRect(0, 0, canvas.width, canvas.height, "black");

// Jugador
      colorCircle(playerX, playerY, 10, "white");
    }

// Función de dibujar un rectángulo en el canvas
    function colorRect(leftX, topY, width, height, color) {
      canvasContext.fillStyle = color;
      canvasContext.fillRect(leftX, topY, width, height);
    }

// Función de dibujar un círculo en el canvas
    function colorCircle(centerX, centerY, radius, color) {
      canvasContext.fillStyle = color;
      canvasContext.beginPath();
      canvasContext.arc(centerX, centerY, radius, 0, Math.PI*2, true);
      canvasContext.fill();
    }
  </script>
</body>
</html>