AI game creator

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

No:47555

←

Prev Next

→

Shooting Game
Developer User20525｜Date and time 24/2/28 12:21:20
Build time 9.162 sec｜Game capacity 1.942KB｜

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 = canvas.width / 2;
    let playerY = canvas.height - 50;

let playerWidth = 50;
    let playerHeight = 50;

let bulletX = playerX + playerWidth / 2;
    let bulletY = playerY;

let bulletRadius = 5;
    let bulletSpeed = 8;

let isShooting = false;

function drawPlayer() {
        ctx.fillStyle = "#f00";
        ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
    }

function drawBullet() {
        if (isShooting) {
            ctx.fillStyle = "#00f";
            ctx.beginPath();
            ctx.arc(bulletX, bulletY, bulletRadius, 0, Math.PI * 2);
            ctx.fill();
            ctx.closePath();
        }
    }

function shootBullet() {
        isShooting = true;
        bulletX = playerX + playerWidth / 2;
        bulletY = playerY;
    }

function updateBullet() {
        if (isShooting) {
            bulletY -= bulletSpeed;
            if (bulletY < 0) {
                isShooting = false;
            }
        }
    }

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

drawPlayer();
        drawBullet();

updateBullet();

requestAnimationFrame(draw);
    }

window.addEventListener("keydown", movePlayer);

draw();
</script>

</body>
</html>