AI game creator

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

No:23208

←

Prev Next

→

Shooter game
Developer User10752｜Date and time 23/10/29 3:43:32
Build time 83.758 sec｜Game capacity 4.981KB｜

Script

Dit is een eenvoudig shooter-spel dat je op je smartphone kunt spelen. In dit spel ben je een speler (weergegeven door het pictogram "👾") en moet je aliens ("👽") neerschieten met kogels ("💥") door op het scherm te tikken. De bediening werkt als volgt: - Veeg naar links of rechts om de speler te verplaatsen. - Tik op het scherm om een kogel af te vuren en de aliens neer te schieten. Het spel heeft een scorebord dat het aantal neergeschoten aliens bijhoudt. Als je wordt geraakt door een alien, eindigt het spel en wordt "Game Over" weergegeven op het scherm. Ik hoop dat je van het spel geniet!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

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

// Pictograms for game elements
        const playerIcon = "👾";
        const enemyIcon = "👽";
        const bulletIcon = "💥";

// Set up canvas
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// Game variables
        let playerX = canvas.width / 2;
        const playerY = canvas.height - 50;
        const playerSpeed = 4;
        const bulletSpeed = 5;
        const enemyRadius = 20;
        const enemySpeed = 2;
        let bullets = [];
        let enemies = [];
        let score = 0;
        let gameover = false;

// Handle player movement
        function handlePlayerMove(e) {
            if (e.key === "ArrowLeft" && playerX > playerSpeed) {
                playerX -= playerSpeed;
            }
            if (e.key === "ArrowRight" && playerX < canvas.width - playerSpeed) {
                playerX += playerSpeed;
            }
            if (e.key === " ") {
                bullets.push({
                    x: playerX,
                    y: playerY,
                    radius: 5,
                    dy: -bulletSpeed
                });
            }
        }

document.addEventListener("keydown", handlePlayerMove);

// Function to generate random enemy
        function createEnemy() {
            enemies.push({
                x: Math.random() * (canvas.width - (2 * enemyRadius)) + enemyRadius,
                y: -enemyRadius,
                dy: enemySpeed,
                radius: enemyRadius
            });
        }

// Function to detect collision between two circular objects
        function checkCollision(object1, object2) {
            const distanceX = object1.x - object2.x;
            const distanceY = object1.y - object2.y;
            const distance = Math.hypot(distanceX, distanceY);

return distance < object1.radius + object2.radius;
        }

// Game loop
        function gameLoop() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Move and draw player
            context.font = "30px Arial";
            context.fillText(playerIcon, playerX, playerY);

// Move and draw bullets
            bullets.forEach(function (bullet) {
                bullet.y += bullet.dy;
                context.beginPath();
                context.arc(bullet.x, bullet.y, bullet.radius, 0, Math.PI * 2, false);
                context.fillStyle = "black";
                context.fill();
                context.closePath();
            });

// Move and draw enemies
            enemies.forEach(function (enemy) {
                enemy.y += enemy.dy;
                context.font = "30px Arial";
                context.fillText(enemyIcon, enemy.x, enemy.y);

// Check collision between bullets and enemies
                bullets.forEach(function (bullet, bulletIndex) {
                    if (checkCollision(enemy, bullet)) {
                        bullets.splice(bulletIndex, 1);
                        enemies.splice(enemies.indexOf(enemy), 1);
                        score += 10;
                    }
                });

// Check collision between player and enemies
                if (checkCollision(enemy, { x: playerX, y: playerY, radius: 25 })) {
                    gameover = true;
                }
            });

// Display score
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);

// Check game over condition
            if (!gameover) {
                requestAnimationFrame(gameLoop);
            } else {
                context.font = "30px Arial";
                context.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2 - 30);
            }
        }

// Start the game
        function startGame() {
            setInterval(createEnemy, 1000);
            gameLoop();
        }

// Call startGame function
        startGame();
    </script>
</body>
</html>
```

De bediening werkt als volgt:
- Veeg naar links of rechts om de speler te verplaatsen.
- Tik op het scherm om een kogel af te vuren en de aliens neer te schieten.

Het spel heeft een scorebord dat het aantal neergeschoten aliens bijhoudt. Als je wordt geraakt door een alien, eindigt het spel en wordt "Game Over" weergegeven op het scherm.

Ik hoop dat je van het spel geniet!