AI game creator

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

No:42608

←

Prev Next

→

Shooting Game
Developer User18920｜Date and time 24/2/12 6:14:48
Build time 12.556 sec｜Game capacity 4.68KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript. It can be played on a smartphone and includes pictograms for the game elements.

You can copy and save the above code to a file with an HTML extension (e.g., `shooting_game.html`). It creates a simple shooting game where you control a player to move left and right using arrow keys and shoot bullets with the spacebar. The objective is to hit the enemy with the bullets while avoiding collisions.

←

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. It can be played on a smartphone and includes pictograms for the game elements.

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shooting Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Set canvas dimensions
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Player object
        const player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            color: "#ff0000",
        };

// Bullet object
        const bullet = {
            x: 0,
            y: 0,
            width: 10,
            height: 30,
            color: "#00ff00",
            speed: 7,
            active: false,
        };

// Enemy object
        const enemy = {
            x: Math.random() * (canvas.width - 30),
            y: 10,
            width: 30,
            height: 30,
            color: "#0000ff",
            speed: 2,
        };

// Function to draw objects on the canvas
        function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw bullet if active
            if (bullet.active) {
                ctx.fillStyle = bullet.color;
                ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
            }

// Draw enemy
            ctx.fillStyle = enemy.color;
            ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
        }

// Function to update game objects
        function update() {
            // Move enemy downwards
            enemy.y += enemy.speed;

// Check if enemy collides with player
            if (
                enemy.y + enemy.height >= player.y &&
                enemy.y <= player.y + player.height &&
                enemy.x + enemy.width >= player.x &&
                enemy.x <= player.x + player.width
            ) {
                alert("Game Over!");
                clearInterval(gameLoop);
            }

// Check if bullet hits enemy
            if (
                bullet.active &&
                bullet.y + bullet.height >= enemy.y &&
                bullet.y <= enemy.y + enemy.height &&
                bullet.x + bullet.width >= enemy.x &&
                bullet.x <= enemy.x + enemy.width
            ) {
                bullet.active = false;
                enemy.x = Math.random() * (canvas.width - 30);
                enemy.y = 10;
            }

// Move bullet upwards if active
            if (bullet.active) {
                bullet.y -= bullet.speed;

if (bullet.y < 0) {
                    bullet.active = false;
                }
            }

// Redraw objects
            draw();
        }

// Function to handle user input
        function handleInput(event) {
            const key = event.key;

// Move player left
            if (key === "ArrowLeft") {
                player.x -= 10;
            }

// Move player right
            if (key === "ArrowRight") {
                player.x += 10;
            }

// Shoot bullet
            if (key === " ") {
                if (!bullet.active) {
                    bullet.x = player.x + player.width / 2 - bullet.width / 2;
                    bullet.y = player.y - bullet.height;
                    bullet.active = true;
                }
            }
        }

// Event listeners for user input
        window.addEventListener("keydown", handleInput);

// Main game loop
        const gameLoop = setInterval(update, 16);
    </script>
</body>
</html>
```