AI game creator

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

No:52824

251

←

Prev Next

→

Shooting Game
Developer User19772｜Date and time 24/3/25 12:17:20
Build time 13.954 sec｜Game capacity 1.936KB｜

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 Disparos!</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
  
    // Inicializar el lienzo y contexto
    var canvas = document.getElementById('gameCanvas');
    var ctx = canvas.getContext('2d');
    
    // Definir el objeto del jugador
    var player = {
      x: 200,
      y: 350,
      width: 20,
      height: 20
    };
    
    // Definir el objeto del proyectil
    var projectile = {
      x: 0,
      y: 0,
      width: 5,
      height: 5,
      speed: 5,
      visible: false
    };
    
    // Dibujar el jugador y el proyectil
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.fillStyle = 'blue';
      ctx.fillRect(player.x, player.y, player.width, player.height);
      if (projectile.visible) {
        ctx.fillStyle = 'red';
        ctx.fillRect(projectile.x, projectile.y, projectile.width, projectile.height);
      }
    }
    
    // Mover el jugador y el proyectil
    function update() {
      if (projectile.visible) {
        projectile.y -= projectile.speed;
        if (projectile.y < 0) {
          projectile.visible = false;
        }
      }
    }
    
    // Controlar el jugador y el proyectil con los controles táctiles
    canvas.addEventListener('touchstart', function(event) {
      var touchX = event.touches[0].clientX;
      var touchY = event.touches[0].clientY;
      if (touchX >= player.x && touchX <= player.x + player.width && touchY >= player.y && touchY <= player.y + player.height) {
        if (!projectile.visible) {
          projectile.x = player.x + player.width / 2;
          projectile.y = player.y;
          projectile.visible = true;
        }
      }
    });
    
    // Bucle del juego
    function gameLoop() {
      draw();
      update();
      requestAnimationFrame(gameLoop);
    }
    
    gameLoop();
  
  </script>
</body>
</html>