AI game creator

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

No:30348

←

Prev Next

→

Shooting Game
Developer User14749｜Date and time 23/12/21 8:38:49
Build time 24.406 sec｜Game capacity 4.955KB｜

Script

Sure, here's an example of a simple shooting game implemented in a single HTML file using JavaScript and pictograms:

In this game, you control a player character (represented by a square) using the left and right arrow keys. Pressing the space bar fires a bullet (represented by a thin rectangle) upward. The goal is to destroy the enemies (also represented by squares) that gradually descend from the top of the screen without letting them collide with the player. The game keeps track of your score, which increases each time you hit an enemy. If an enemy collides with the player, the game is over and your final score is displayed in an alert. Note: This is a basic example and can be further enhanced with additional features and visual improvements as per your requirements.

←

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 in a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

var player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            size: 20,
            speed: 5
        };

var bullets = [];
        var bulletSpeed = 10;

var enemies = [];
        var enemySpeed = 2;

var score = 0;

// Event listeners
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);

// Game loop
        setInterval(update, 20);

// Handle key press
        function handleKeyDown(event) {
            if (event.key === "ArrowLeft") {
                player.vx = -player.speed;
            } else if (event.key === "ArrowRight") {
                player.vx = player.speed;
            } else if (event.key === " ") {
                bullets.push({ x: player.x, y: player.y - player.size });
            }
        }

// Handle key release
        function handleKeyUp(event) {
            if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
                player.vx = 0;
            }
        }

// Update game state
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Update player position
            player.x += player.vx;

// Draw player
            context.fillRect(player.x - player.size/2, player.y - player.size/2, player.size, player.size);

// Update bullet positions
            for (var i = 0; i < bullets.length; i++) {
                bullets[i].y -= bulletSpeed;

// Remove bullet if it goes off-screen
                if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                }
            }

// Draw bullets
            for (var i = 0; i < bullets.length; i++) {
                context.fillRect(bullets[i].x - 2, bullets[i].y - 10, 4, 10);
            }

// Create new enemy
            if (Math.random() < 0.02) {
                enemies.push({ x: Math.random() * canvas.width, y: 0 });
            }

// Update enemy positions
            for (var i = 0; i < enemies.length; i++) {
                enemies[i].y += enemySpeed;

// Check for collision with player
                if (enemies[i].y > player.y - player.size/2 && enemies[i].y < player.y + player.size/2 &&
                    enemies[i].x > player.x - player.size/2 && enemies[i].x < player.x + player.size/2) {
                    // Game over
                    alert("Game Over! Your score: " + score);
                    resetGame();
                    return;
                }

// Check for collision with bullets
                for (var j = 0; j < bullets.length; j++) {
                    if (enemies[i].y > bullets[j].y - 10 && enemies[i].y < bullets[j].y &&
                        enemies[i].x > bullets[j].x - 2 && enemies[i].x < bullets[j].x + 2) {
                        // Enemy hit
                        bullets.splice(j, 1);
                        enemies.splice(i, 1);
                        score++;
                        break;
                    }
                }

// Remove enemy if it goes off-screen
                if (enemies[i].y > canvas.height) {
                    enemies.splice(i, 1);
                }
            }

// Draw enemies
            for (var i = 0; i < enemies.length; i++) {
                context.fillRect(enemies[i].x - 10, enemies[i].y - 10, 20, 20);
            }

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

// Reset game state
        function resetGame() {
            player.x = canvas.width / 2;
            bullets = [];
            enemies = [];
            score = 0;
        }
    </script>
</body>
</html>
```

Note: This is a basic example and can be further enhanced with additional features and visual improvements as per your requirements.