AI game creator

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

No:46226

←

Prev Next

→

Shooting Game
Developer User19989｜Date and time 24/2/24 2:11:35
Build time 10.358 sec｜Game capacity 2.219KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shooting Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 30;
        const playerSize = 15;
        const bulletSize = 5;
        let bulletX = playerX + playerSize / 2 - bulletSize / 2;
        let bulletY = playerY;
        let bulletFired = false;

function drawPlayer() {
            ctx.beginPath();
            ctx.rect(playerX, playerY, playerSize, playerSize);
            ctx.fillStyle = 'blue';
            ctx.fill();
            ctx.closePath();
        }

function drawBullet() {
            ctx.beginPath();
            ctx.rect(bulletX, bulletY, bulletSize, bulletSize);
            ctx.fillStyle = 'red';
            ctx.fill();
            ctx.closePath();
        }

function shootBullet() {
            bulletY -= 3;
            if (bulletY < 0) {
                bulletY = playerY;
                bulletFired = false;
            }
        }

document.addEventListener('keydown', keyDownHandler);

setInterval(draw, 10);
    </script>
</body>
</html>