AI game creator

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

No:17722

←

Prev Next

→

GTA 2d con ia
Developer User7777｜Date and time 23/9/24 11:42:38
Build time 18.551 sec｜Game capacity 2.231KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>GTA 2D con IA</title>
  <style>
    canvas {
      border: 1px solid black;
      background-color: #000;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="600" height="400"></canvas>

// Función para dibujar elementos en el lienzo del juego
    function drawElement(x, y, width, height, color) {
      game.context.fillStyle = color;
      game.context.fillRect(x, y, width, height);
    }

// Función para mover al jugador
    function movePlayer(event) {
      if (event.keyCode === 38 && game.player.y > 0) {
        game.player.y -= game.player.speed;
      } else if (event.keyCode === 40 && game.player.y < game.canvas.height - game.player.height) {
        game.player.y += game.player.speed;
      }
    }

// Función para mover al enemigo
    function moveEnemy() {
      if (game.enemy.y < game.player.y && game.enemy.y < game.canvas.height - game.enemy.height) {
        game.enemy.y += game.enemy.speed;
      } else if (game.enemy.y > game.player.y && game.enemy.y > 0) {
        game.enemy.y -= game.enemy.speed;
      }
    }

// Función de actualización del juego
    function updateGame() {
      game.context.clearRect(0, 0, game.canvas.width, game.canvas.height);
      drawElement(game.player.x, game.player.y, game.player.width, game.player.height, game.player.color);
      drawElement(game.enemy.x, game.enemy.y, game.enemy.width, game.enemy.height, game.enemy.color);
      moveEnemy();
      requestAnimationFrame(updateGame);
    }

// Iniciamos el juego y escuchamos los eventos de teclado para mover al jugador
    window.onload = function() {
      updateGame();
      window.addEventListener("keydown", movePlayer);
    };
  </script>
</body>
</html>