AI game creator

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

No:42441

←

Prev Next

→

Shooting Game
Developer User18878｜Date and time 24/2/11 18:35:56
Build time 8.266 sec｜Game capacity 2.698KB｜

Script

Sure, here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

This game uses a simple keyboard controls to move the player left and right, and to shoot bullets by pressing the spacebar. The player is represented by a rectangle, and the bullets are also small rectangles that move vertically upwards.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
    <style>
        canvas {
            border: 2px green;
        }
    </style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

var player = {
        x: canvas.width / 2,
        y: canvas.height - 30,
        width: 200
        height: 9
        color: "#0095DD",
        speed: 5
    };

var bullets = [];

function drawPlayer() {
        context.beginPath();
        context.rect(player.x, player.y, player.width, player.height);
        context.fillStyle = player.color;
        context.fill();
        context.closePath();
    }

function drawBullets() {
        for (var i = 0; i < bullets.length; i++) {
            var bullet = bullets[i];
            context.beginPath();
            context.rect(bullet.x, bullet.y, bullet.width, bullet.height);
            context.fillStyle = bullet.color;
            context.fill();
            context.closePath();
        }
    }

function shootBullet() {
        var bullet = {
            x: player.x + player.width / 2 - 2.5,
            y: player.y,
            width: 5,
            height: 10,
            color: "#FF0000",
            speed: 10
        };
        bullets.push(bullet);
    }

function draw() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        drawBullets();
        updateBullets();
    }

document.addEventListener("keydown", keyDownHandler);

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