AI game creator

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

No:17698

←

Prev Next

→

Shooting Game
Developer User7772｜Date and time 23/9/24 9:57:44
Build time 28.864 sec｜Game capacity 4.778KB｜

Script

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

To play the game on a smartphone, open the HTML file using a mobile web browser. The game allows you to control the player by dragging your finger on the screen. Tap anywhere on the screen to shoot bullets at the falling enemies. Your score will increase for each enemy hit. When an enemy reaches the bottom of the screen, the game is over, and your final score is displayed.

←

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" style="border:1px solid #000000;"></canvas>

// Variables
        let canvas, ctx;
        let playerX, playerY;
        let bullets, enemies;
        let score;

// Initialize the game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            canvas.width = canvasWidth;
            canvas.height = canvasHeight;

playerX = (canvasWidth - playerSize) / 2;
            playerY = canvasHeight - playerSize - 10;
            bullets = [];
            enemies = [];
            score = 0;

setInterval(spawnEnemy, enemySpawnRate);

canvas.addEventListener("mousemove", updatePlayerPosition);
            canvas.addEventListener("click", shootBullet);

gameLoop();
        }

// Main game loop
        function gameLoop() {
            update();
            draw();

requestAnimationFrame(gameLoop);
        }

// Update game state
        function update() {
            // Update bullets
            bullets.forEach((bullet) => {
                bullet.y -= bulletSpeed;
            });
            bullets = bullets.filter((bullet) => bullet.y > 0);

// Update enemies
            enemies.forEach((enemy) => {
                enemy.y += enemySpeed;

if (enemy.y + enemySize > canvasHeight) {
                    gameOver();
                }
            });
            enemies = enemies.filter((enemy) => enemy.y + enemySize <= canvasHeight);

// Check for bullet-enemy collision
            bullets.forEach((bullet) => {
                enemies.forEach((enemy, index) => {
                    if (
                        bullet.x > enemy.x - bulletSize &&
                        bullet.x < enemy.x + enemySize &&
                        bullet.y > enemy.y &&
                        bullet.y < enemy.y + enemySize
                    ) {
                        bullets.splice(bullets.indexOf(bullet), 1);
                        enemies.splice(index, 1);
                        score++;
                    }
                });
            });
        }

// Draw game objects
        function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvasWidth, canvasHeight);

// Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, playerY, playerSize, playerSize);

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

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

// Draw score
            ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 20);
        }

// Update player position based on mouse movement
        function updatePlayerPosition(event) {
            playerX = event.clientX - canvas.getBoundingClientRect().left - playerSize / 2;
        }

// Shoot a bullet
        function shootBullet() {
            bullets.push({
                x: playerX + playerSize / 2 - bulletSize / 2,
                y: playerY
            });
        }

// Spawn a new enemy
        function spawnEnemy() {
            const x = Math.random() * (canvasWidth - enemySize);
            enemies.push({ x: x, y: -enemySize });
        }

// Game over
        function gameOver() {
            alert("Game Over! Your score: " + score);
            // You can add additional logic here, like restarting the game.
        }

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