AI game creator

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

No:16115

129

←

Prev Next

→

Shooting Game
Developer User7143｜Date and time 23/9/16 5:13:23
Build time 35.842 sec｜Game capacity 5.046KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript and enclosed in script tags:

This simple shooting game features a player controlled by arrow keys and shooting bullets to destroy enemies. The player is represented by a blue square, bullets are represented by red circles, and enemies are represented by green squares. The objective is to eliminate as many enemies as possible without colliding with them. New enemies spawn randomly at the top of the screen over time. If the player collides with an enemy, the game ends, and an alert is shown with a "Game Over!" message. The game will automatically restart after clicking "OK" in the alert box.

←

Prev　Next

→ 　

Back　

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

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 and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="600" height="400"></canvas>
    <script>
        // Set up the canvas
        var canvas = document.getElementById('gameCanvas');
        var ctx = canvas.getContext('2d');
        canvas.style.border = '1px solid black';

// Player variables
        var playerX = canvas.width / 2;
        var playerY = canvas.height - 30;
        var playerSize = 20;
        var playerSpeed = 5;
        var playerColor = 'blue';

// Bullet variables
        var bulletSize = 5;
        var bulletSpeed = 7;
        var bulletColor = 'red';
        var bullets = [];

// Enemy variables
        var enemySize = 20;
        var enemySpeed = 2;
        var enemyColor = 'green';
        var enemies = [];

// Event listeners for player movement
        document.addEventListener('keydown', handleKeyDown);
        document.addEventListener('keyup', handleKeyUp);

var rightPressed = false;
        var leftPressed = false;

function handleKeyDown(event) {
            if (event.key === 'ArrowRight') {
                rightPressed = true;
            } else if (event.key === 'ArrowLeft') {
                leftPressed = true;
            }
        }

function handleKeyUp(event) {
            if (event.key === 'ArrowRight') {
                rightPressed = false;
            } else if (event.key === 'ArrowLeft') {
                leftPressed = false;
            }
        }

// Main game loop
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Player movement
            if (rightPressed && playerX < canvas.width - playerSize) {
                playerX += playerSpeed;
            } else if (leftPressed && playerX > 0) {
                playerX -= playerSpeed;
            }

// Bullet movement and collision detection
            bullets.forEach(function(bullet, index) {
                bullet.y -= bulletSpeed;
                if (bullet.y < 0) {
                    bullets.splice(index, 1);
                }

enemies.forEach(function(enemy, enemyIndex) {
                    if (bullet.x > enemy.x &&
                        bullet.x < enemy.x + enemySize &&
                        bullet.y > enemy.y &&
                        bullet.y < enemy.y + enemySize) {
                        enemies.splice(enemyIndex, 1);
                        bullets.splice(index, 1);
                    }
                });
            });

// Enemy movement and collision detection
            enemies.forEach(function(enemy, index) {
                enemy.y += enemySpeed;
                if (enemy.y > canvas.height) {
                    enemies.splice(index, 1);
                }

if (playerX > enemy.x &&
                    playerX < enemy.x + enemySize &&
                    playerY > enemy.y &&
                    playerY < enemy.y + enemySize) {
                    alert('Game Over!');
                    document.location.reload();
                }
            });

// Draw player
            ctx.beginPath();
            ctx.rect(playerX, playerY, playerSize, playerSize);
            ctx.fillStyle = playerColor;
            ctx.fill();
            ctx.closePath();

// Draw bullets
            bullets.forEach(function(bullet) {
                ctx.beginPath();
                ctx.arc(bullet.x, bullet.y, bulletSize, 0, Math.PI * 2, false);
                ctx.fillStyle = bulletColor;
                ctx.fill();
                ctx.closePath();
            });

// Draw enemies
            enemies.forEach(function(enemy) {
                ctx.beginPath();
                ctx.rect(enemy.x, enemy.y, enemySize, enemySize);
                ctx.fillStyle = enemyColor;
                ctx.fill();
                ctx.closePath();
            });

// Generate new enemies
            if (Math.random() < 0.01) {
                var enemyX = Math.random() * (canvas.width - enemySize);
                var enemy = { x: enemyX, y: 0 };
                enemies.push(enemy);
            }

requestAnimationFrame(gameLoop);
        }

gameLoop();
    </script>
</body>
</html>
```