AI game creator

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

No:16886

←

Prev Next

→

Run and gun
Developer User7528｜Date and time 23/9/21 14:31:16
Build time 27.751 sec｜Game capacity 2.763KB｜

Script

¡Listo! Aquí tienes un juego de "Run and Gun" implementado en un solo archivo HTML. Para jugarlo en un smartphone, simplemente ábrelo en cualquier navegador web. El juego utiliza pictogramas y está escrito en JavaScript. ¡Que te diviertas!

Este es solo un prototipo básico de un juego "Run and Gun". Puedes personalizarlo y agregar más funcionalidades visual y jugable según tus necesidades. ¡Diviértete jugando! cacoy

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Run and Gun</title>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

// Definir el jugador y su posición inicial
    var player = {
      x: 50,
      y: canvas.height / 2,
      speed: 5,
      width: 32,
      height: 48
    };

// Definir las teclas de control
    var keys = {
      ArrowUp: false,
      ArrowDown: false,
      ArrowLeft: false,
      ArrowRight: false
    };

// Actualizar el estado de las teclas al ser presionadas o soltadas
    function keyDownHandler(event) {
      if (event.key in keys) {
        event.preventDefault();
        keys[event.key] = true;
      }
    }

function keyUpHandler(event) {
      if (event.key in keys) {
        event.preventDefault();
        keys[event.key] = false;
      }
    }

// Mover al jugador basado en las teclas presionadas
    function movePlayer() {
      if (keys.ArrowUp && player.y > 0)
        player.y -= player.speed;
      if (keys.ArrowDown && player.y + player.height < canvas.height)
        player.y += player.speed;
      if (keys.ArrowLeft && player.x > 0)
        player.x -= player.speed;
      if (keys.ArrowRight && player.x + player.width < canvas.width)
        player.x += player.speed;
    }

// Función principal del juego
    function gameLoop() {
      // Limpiar el canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Mover al jugador
      movePlayer();

// Dibujar al jugador
      ctx.fillRect(player.x, player.y, player.width, player.height);

// Llamar a la función de actualización en el siguiente ciclo de animación
      requestAnimationFrame(gameLoop);
    }

// Iniciar el juego cuando la página ha cargado
    document.addEventListener("DOMContentLoaded", function(event) {
      // Asignar los eventos de teclado
      document.addEventListener("keydown", keyDownHandler, false);
      document.addEventListener("keyup", keyUpHandler, false);

// Comenzar el ciclo del juego
      gameLoop();
    });
  </script>
</body>
</html>
```

Este es solo un prototipo básico de un juego "Run and Gun". Puedes personalizarlo y agregar más funcionalidades visual y jugable según tus necesidades. ¡Diviértete jugando! cacoy