AI game creator

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

No:49689

←

Prev Next

→

Shooting Game
Developer User21132｜Date and time 24/3/6 5:31:24
Build time 6.716 sec｜Game capacity 1.668KB｜

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>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let playerX = 200;
    let playerY = 380;
    let bulletX;
    let bulletY;
    let bulletFired = false;
    let enemyX = Math.floor(Math.random()*360);
    let enemyY = 20;
    
    document.addEventListener('keydown', function(event) {
      if(event.key === 'ArrowLeft' && playerX > 10){
        playerX -= 10;
      }
      if(event.key === 'ArrowRight' && playerX < 390){
        playerX += 10;
      }
      if(event.key === ' ' && !bulletFired){
        bulletX = playerX;
        bulletY = playerY;
        bulletFired = true;
      }
    });
    
    function draw(){
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      if(bulletFired){
        ctx.fillStyle = 'black';
        ctx.fillRect(bulletX, bulletY-10, 5, 10);
        bulletY -= 5;
        if(bulletY < 0){
          bulletFired = false;
        }
      }
      
      ctx.fillStyle = 'blue';
      ctx.fillRect(playerX, playerY, 20, 20);
      
      ctx.fillStyle = 'red';
      ctx.fillRect(enemyX, enemyY, 20, 20);
      
      if(bulletX > enemyX && bulletX < enemyX+20 && bulletY <= enemyY+20){
        enemyX = Math.floor(Math.random()*360);
        enemyY = 20;
        bulletFired = false;
      }
      
      enemyY += 1;
      if(enemyY > 400){
        enemyX = Math.floor(Math.random()*360);
        enemyY = 20;
      }
      
      requestAnimationFrame(draw);
    }
    
    draw();
  </script>
</body>
</html>