AI game creator

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

No:48392

←

Prev Next

→

Shooting Game
Developer User20752｜Date and time 24/3/2 2:38:29
Build time 8.679 sec｜Game capacity 1.978KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
</head>
<body>

let playerX = 200;
    let playerY = 350;
    let bulletX = playerX;
    let bulletY = playerY;
    let bulletFired = false;
    let enemyX = Math.random() * 400;
    let enemyY = 50;
    
    function drawPlayer() {
        ctx.fillStyle = "green";
        ctx.fillRect(playerX, playerY, 20, 20);
    }

function drawEnemy() {
        ctx.fillStyle = "red";
        ctx.fillRect(enemyX, enemyY, 20, 20);
    }

function drawBullet() {
        ctx.fillStyle = "blue";
        ctx.fillRect(bulletX, bulletY, 5, 10);
    }

function moveBullet() {
        bulletY -= 5;
        if (bulletY < 0) {
            bulletFired = false;
            bulletX = playerX;
            bulletY = playerY;
        }
    }

function checkCollision() {
        if (bulletX > enemyX && bulletX < enemyX + 20 && bulletY > enemyY && bulletY < enemyY + 20) {
            enemyX = Math.random() * 400;
            enemyY = 50;
            bulletFired = false;
            bulletX = playerX;
            bulletY = playerY;
        }
    }

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

drawPlayer();
        drawEnemy();

if (bulletFired) {
            drawBullet();
            moveBullet();
            checkCollision();
        }

requestAnimationFrame(updateGame);
    }

updateGame();
</script>

</body>
</html>