AI game creator

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

No:50973

←

Prev Next

→

Shooting Game
Developer User21444｜Date and time 24/3/10 11:11:42
Build time 4.451 sec｜Game capacity 1.504KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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="800" height="400"></canvas>

let playerX = 50;
      let playerY = 200;

let bulletX = playerX;
      let bulletY = playerY;
      let bulletSpeed = 5;
      let bulletFired = false;

function drawPlayer() {
        ctx.fillStyle = "#FF0000";
        ctx.fillRect(playerX, playerY, 50, 50);
      }

function drawBullet() {
        if (bulletFired) {
          ctx.fillStyle = "#00FF00";
          ctx.fillRect(bulletX, bulletY, 10, 10);
        }
      }

function moveBullet() {
        if (bulletFired) {
          bulletX += bulletSpeed;
          if (bulletX > canvas.width) {
            bulletFired = false;
          }
        }
      }

function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
        moveBullet();
        drawBullet();

requestAnimationFrame(gameLoop);
      }

document.addEventListener("keydown", (event) => {
        if (event.key === " ") {
          bulletFired = true;
          bulletX = playerX + 50;
          bulletY = playerY + 20;
        }
      });

document.addEventListener("mousemove", (event) => {
        playerY = event.clientY - canvas.offsetTop - 25;
      });

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