AI game creator

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

No:41478

←

Prev Next

→

Shooting Game
Developer User18566｜Date and time 24/2/7 18:55:16
Build time 16.236 sec｜Game capacity 4.571KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file for smartphone operation using JavaScript. I'll be using pictograms to represent the game elements.

In this game, you control a player pictogram and shoot bullets by pressing the space bar. The objective is to shoot down the enemy pictograms before they hit the player. If an enemy reaches the player, the game ends with a "Game Over" message. Note: You would need to provide your own image files (`emozi_all/player.png`, `emozi_chicken.png`, and `emozi_all/enemy.png`) to display the pictograms properly. You can replace the filenames in the code with the actual filenames of the image files you want to use.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Sure! Here's a simple shooting game implemented as a single HTML file for smartphone operation using JavaScript. I'll be using pictograms to represent the game elements.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Shooting Game</title>
    <style>
        body {
            background-color: #000;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }

canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        // Get the game canvas
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

// Player
        const playerImg = new Image();
        playerImg.src = "player.png";
        const player = {
            x: canvas.width / 2 - 25,
            y: canvas.height - 75,
            width: 50,
            height: 50,
            image: playerImg
        };

// Bullets
        const bulletImg = new Image();
        bulletImg.src = "bullet.png";
        const bullets = [];

// Enemies
        const enemyImg = new Image();
        enemyImg.src = "enemy.png";
        const enemies = [];

// Game loop
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
            ctx.drawImage(player.image, player.x, player.y, player.width, player.height);

// Draw bullets
            for (let i = 0; i < bullets.length; i++) {
                ctx.drawImage(bulletImg, bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
                bullets[i].y -= 4; // Move the bullet up
            }

// Draw enemies
            for (let i = 0; i < enemies.length; i++) {
                ctx.drawImage(enemyImg, enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
                enemies[i].y += 2; // Move the enemy down

// Check collision with bullets
                for (let j = 0; j < bullets.length; j++) {
                    if (bullets[j].y <= enemies[i].y + enemies[i].height &&
                        bullets[j].x >= enemies[i].x &&
                        bullets[j].x <= enemies[i].x + enemies[i].width) {
                        // Bullet hit enemy
                        bullets.splice(j, 1); // Remove bullet
                        enemies.splice(i, 1); // Remove enemy
                        break;
                    }
                }

// Check collision with player
                if (enemies[i].y + enemies[i].height >= player.y &&
                    player.x + player.width >= enemies[i].x &&
                    player.x <= enemies[i].x + enemies[i].width) {
                    // Player hit by enemy (game over)
                    alert("Game Over!");
                    location.reload(); // Restart the game
                }
            }

requestAnimationFrame(draw);
        }

// Player control
        function movePlayer(e) {
            if (e.key === 'ArrowLeft' && player.x > 0)
                player.x -= 10;
            else if (e.key === 'ArrowRight' && player.x + player.width < canvas.width)
                player.x += 10;
            else if (e.key === ' ')
                shoot();
        }

// Shooting
        function shoot() {
            const bullet = {
                x: player.x + player.width / 2 - 2.5,
                y: player.y,
                width: 5,
                height: 15
            };
            bullets.push(bullet);
        }

// Enemy spawning
        function spawnEnemy() {
            const enemy = {
                x: Math.random() * (canvas.width - 50),
                y: 0,
                width: 50,
                height: 50
            };
            enemies.push(enemy);
        }

// Start the game
        document.addEventListener('keydown', movePlayer);
        setInterval(spawnEnemy, 1000);
        draw();
    </script>
</body>
</html>
```

Note: You would need to provide your own image files (`player.png`, `bullet.png`, and `enemy.png`) to display the pictograms properly. You can replace the filenames in the code with the actual filenames of the image files you want to use.