AI game creator

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

No:36659

←

Prev Next

→

A shooter game
Developer User16858｜Date and time 24/1/18 7:41:32
Build time 15.079 sec｜Game capacity 5.199KB｜

Script

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

This shooter game features a player-controlled circle shooting bullets to destroy randomly-generated enemies. The player can move the circle horizontally by moving their finger on a smartphone screen, and can shoot by tapping the screen. Enemies will move down from the top of the screen, and if they collide with the player or reach the bottom of the screen, the game ends. Note that this is a basic implementation, and you can enhance it further based on your requirements and preferences.

←

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 shooter game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooter Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Player object
        function Player(x, y, size) {
            this.x = x;
            this.y = y;
            this.size = size;
        }

// Bullet object
        function Bullet(x, y, radius, speed) {
            this.x = x;
            this.y = y;
            this.radius = radius;
            this.speed = speed;
        }

// Enemy object
        function Enemy(x, y, size, speed) {
            this.x = x;
            this.y = y;
            this.size = size;
            this.speed = speed;
        }

// Initialize the game
        function init() {
            canvas = document.getElementById('gameCanvas');
            ctx = canvas.getContext('2d');

player = new Player(canvas.width / 2, canvas.height - 40, 20);
            bullets = [];
            enemies = [];

// Create enemies
            for (var i = 0; i < 10; i++) {
                var x = Math.random() * canvas.width;
                var y = Math.random() * canvas.height / 2;
                var size = Math.random() * 30 + 10;
                var speed = Math.random() * 2 + 1;
                enemies.push(new Enemy(x, y, size, speed));
            }

// Add event listeners
            canvas.addEventListener('mousemove', handleMouseMove);
            canvas.addEventListener('click', handleMouseClick);

// Start game loop
            gameLoop = setInterval(update, 16);
        }

// Handle mouse movement
        function handleMouseMove(event) {
            player.x = event.clientX - canvas.offsetLeft;
        }

// Handle mouse click (shoot)
        function handleMouseClick(event) {
            bullets.push(new Bullet(player.x, player.y, 3, 5));
        }

// Update game objects and draw to canvas
        function update() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.beginPath();
            ctx.arc(player.x, player.y, player.size, 0, Math.PI * 2);
            ctx.fillStyle = 'blue';
            ctx.fill();
            ctx.closePath();

// Update bullets
            bullets.forEach(function (bullet) {
                bullet.y -= bullet.speed;

// Draw bullet
                ctx.beginPath();
                ctx.arc(bullet.x, bullet.y, bullet.radius, 0, Math.PI * 2);
                ctx.fillStyle = 'red';
                ctx.fill();
                ctx.closePath();

// Check if bullet hits enemies
                enemies.forEach(function (enemy, index) {
                    var dx = bullet.x - enemy.x;
                    var dy = bullet.y - enemy.y;
                    var distance = Math.sqrt(dx * dx + dy * dy);

if (distance < bullet.radius + enemy.size) {
                        // Remove bullet and enemy
                        bullets.splice(bullets.indexOf(bullet), 1);
                        enemies.splice(index, 1);
                    }
                });

// Remove bullets out of bounds
                if (bullet.y < 0) {
                    bullets.splice(bullets.indexOf(bullet), 1);
                }
            });

// Update enemies
            enemies.forEach(function (enemy) {
                enemy.y += enemy.speed;

// Draw enemy
                ctx.beginPath();
                ctx.rect(enemy.x, enemy.y, enemy.size, enemy.size);
                ctx.fillStyle = 'green';
                ctx.fill();
                ctx.closePath();

// Check if enemy hits player
                var dx = enemy.x - player.x;
                var dy = enemy.y - player.y;
                var distance = Math.sqrt(dx * dx + dy * dy);

if (distance < enemy.size + player.size) {
                    // Game over
                    clearInterval(gameLoop);
                    alert("Game Over! You were hit by an enemy!");
                } else if (enemy.y > canvas.height) {
                    // Remove enemies out of bounds
                    enemies.splice(enemies.indexOf(enemy), 1);
                }
            });
        }

// Start the game
        window.onload = init;
    </script>
</body>
</html>
```

Note that this is a basic implementation, and you can enhance it further based on your requirements and preferences.