AI game creator

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

No:51317

232

←

Prev Next

→

Shooting Game
Developer Winnerweiner2113｜Date and time 24/3/11 14:36:10
Build time 9.748 sec｜Game capacity 3.157KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // Game variables
        let canvas = document.getElementById("gameCanvas");
        let ctx = canvas.getContext("2d");
        let player = {x: 400, y: 550, width: 50, height: 50};
        let bullets = [];
        let enemies = generateEnemies();

// Event listener for shooting
        document.addEventListener('click', function(event) {
            bullets.push({x: player.x + player.width/2, y: player.y, width: 5, height: 10});
        });

// Event listener for player movement
        document.addEventListener('mousemove', function(event) {
            player.x = event.clientX - canvas.getBoundingClientRect().left - player.width/2;
        });

// Main game loop
        setInterval(function() {
            updateGame();
            drawGame();
        }, 20);

// Update game state
        function updateGame() {
            // Update bullet positions
            for (let i = 0; i < bullets.length; i++) {
                bullets[i].y -= 5;
                if (bullets[i].y <= 0) {
                    bullets.splice(i, 1);
                }
            }

// Check for bullet-enemy collision
            for (let i = 0; i < bullets.length; i++) {
                for (let j = 0; j < enemies.length; j++) {
                    if (checkCollision(bullets[i], enemies[j])) {
                        bullets.splice(i, 1);
                        enemies.splice(j, 1);
                    }
                }
            }

// Generate new enemies if necessary
            if (enemies.length === 0) {
                enemies = generateEnemies();
            }
        }

// Draw game elements
        function drawGame() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

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

// Draw bullets
            ctx.fillStyle = "red";
            bullets.forEach(bullet => {
                ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
            });

// Draw enemies
            ctx.fillStyle = "green";
            enemies.forEach(enemy => {
                ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
            });
        }

// Function to check collision between two objects
        function checkCollision(obj1, obj2) {
            return obj1.x < obj2.x + obj2.width &&
                   obj1.x + obj1.width > obj2.x &&
                   obj1.y < obj2.y + obj2.height &&
                   obj1.y + obj1.height > obj2.y;
        }

// Function to generate random enemies
        function generateEnemies() {
            let enemies = [];
            for (let i = 0; i < 5; i++) {
                enemies.push({x: Math.random() * 800, y: Math.random() * 200, width: 50, height: 50});
            }
            return enemies;
        }
    </script>
</body>
</html>