AI game creator

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

No:36872

←

Prev Next

→

Shooting game
Developer User16885｜Date and time 24/1/19 1:21:04
Build time 23.688 sec｜Game capacity 5.274KB｜

Script

Sure, here's an example of a simple shooting game implemented as a single HTML file using JavaScript. This game can be played on a smartphone and utilizes pictograms for visual elements:

To play the game, open the provided HTML file on a smartphone browser. The player can move the blue square (player) horizontally by touching and dragging on the screen. Releasing the touch will shoot a red square (bullet) from the player's position. The green squares (aliens) will move down on the canvas, and if a bullet collides with an alien, both the bullet and alien will disappear. If an alien reaches the bottom of the canvas, the game will reset, and a "Game over!" alert will appear. The game will keep running until the game over condition is met. Please note that this is a basic example and can be further expanded and customized to enhance the game experience.

←

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 using JavaScript. This game can be played on a smartphone and utilizes pictograms for visual elements:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Draw player on canvas
        function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

// Draw bullets on canvas
        function drawBullets() {
            ctx.fillStyle = "red";
            for (var i = 0; i < bullets.length; i++) {
                ctx.fillRect(bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
            }
        }

// Draw aliens on canvas
        function drawAliens() {
            ctx.fillStyle = "green";
            for (var i = 0; i < aliens.length; i++) {
                ctx.fillRect(aliens[i].x, aliens[i].y, aliens[i].width, aliens[i].height);
            }
        }

// Move player on canvas based on touch input
        function movePlayer(event) {
            var touchX = event.touches[0].clientX - canvas.offsetLeft;
            if (touchX >= 0 && touchX <= canvas.width - player.width) {
                player.x = touchX;
            }
        }

// Shoot bullet on canvas
        function shootBullet() {
            var bullet = { x: player.x + player.width / 2 - 2.5, y: player.y, width: 5, height: 10 };
            bullets.push(bullet);
        }

// Detect and handle collision between bullets and aliens
        function handleCollisions() {
            for (var i = 0; i < bullets.length; i++) {
                for (var j = 0; j < aliens.length; j++) {
                    if (
                        bullets[i].x < aliens[j].x + aliens[j].width &&
                        bullets[i].x + bullets[i].width > aliens[j].x &&
                        bullets[i].y < aliens[j].y + aliens[j].height &&
                        bullets[i].y + bullets[i].height > aliens[j].y
                    ) {
                        // Collision detected, remove bullet and alien
                        bullets.splice(i, 1);
                        aliens.splice(j, 1);
                        break;
                    }
                }
            }
        }

// Update game state and redraw canvas
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawBullets();
            drawAliens();
            handleCollisions();

// Move bullets up on canvas
            for (var i = 0; i < bullets.length; i++) {
                bullets[i].y -= 5;
                if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                }
            }

// Move aliens down on canvas
            for (var i = 0; i < aliens.length; i++) {
                aliens[i].y += 1;
                if (aliens[i].y > canvas.height) {
                    // Game over condition, reset game
                    clearInterval(gameLoopInterval);
                    player = { x: 200, y: 380, width: 40, height: 40 };
                    bullets = [];
                    aliens = [
                        { x: 20 , y: 20, width: 40, height: 40 },
                        { x: 120 , y: 20, width: 40, height: 40 },
                        { x: 220 , y: 20, width: 40, height: 40 },
                    ];
                    alert("Game over!");
                    gameLoopInterval = setInterval(updateGame, 10);
                }
            }
        }

// Start game loop
        gameLoopInterval = setInterval(updateGame, 10);

// Event listener for touch movement
        canvas.addEventListener("touchmove", movePlayer);

// Event listener for touch release to shoot bullet
        canvas.addEventListener("touchend", shootBullet);
    </script>
</body>
</html>
```

Please note that this is a basic example and can be further expanded and customized to enhance the game experience.