AI game creator

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

No:35573

←

Prev Next

→

Shooting games
Developer User16591｜Date and time 24/1/14 22:58:31
Build time 9.371 sec｜Game capacity 2.687KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file with JavaScript:

This game features a player represented by a blue square and a bullet represented by a red square. The player can shoot the bullet by touching the screen on a smartphone. The bullet moves upwards, and if it reaches the top of the canvas, it becomes inactive until another shot is taken. Feel free to modify and enhance the code based on your specific game requirements.

←

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 with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Player properties
        var player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            size: 20,
            color: "blue",
            speed: 5
        };

// Bullet properties
        var bullet = {
            x: player.x,
            y: player.y,
            size: 5,
            color: "red",
            speed: 10,
            active: false
        };

// Update the game state
        function update() {
            if (bullet.active) {
                bullet.y -= bullet.speed; // Move the bullet upwards

// Check for collision with the top of the canvas
                if (bullet.y < 0) {
                    bullet.active = false;
                }
            }
        }

// Draw the game objects
        function draw() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
            context.fillStyle = player.color;
            context.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);

// Draw the bullet
            if (bullet.active) {
                context.fillStyle = bullet.color;
                context.fillRect(bullet.x - bullet.size / 2, bullet.y - bullet.size / 2, bullet.size, bullet.size);
            }
        }

// Handle touch events
        document.addEventListener("touchstart", function(event) {
            if (!bullet.active) {
                bullet.x = player.x;
                bullet.y = player.y;
                bullet.active = true;
            }
        });

// Game loop
        function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

// Start the game loop
        gameLoop();
    </script>
</body>
</html>
```

Feel free to modify and enhance the code based on your specific game requirements.