Buy a zombie apocalypse what it automatically shoots them's game

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

No:37330

←

Prev Next

→

Buy a zombie apocalypse what it automatically shoo..ALL
Developer User17003｜Date and time 24/1/21 1:20:55
Build time 15.337 sec｜Game capacity 5.01KB｜

Script

Sure! Here's a simple example of a game called "Zombie Shooter" implemented as a single HTML file, using JavaScript and pictograms for smartphone operation:

To play the game, open the HTML file in a web browser on your smartphone. Use the arrow keys to move the player (represented by a green square). Avoid colliding with the zombies (represented by red squares) and try to survive as long as possible. Your score will increase each time a zombie goes off-screen. If you collide with a zombie, it's game over, and your final score will be displayed in an alert dialog. You can then restart the game by closing the dialog. Have fun playing Zombie Shooter!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple example of a game called "Zombie Shooter" implemented as a single HTML file, using JavaScript and pictograms for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        #canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

// Player object
        var player = {
            x: canvas.width / 2 - playerSize / 2,
            y: canvas.height / 2 - playerSize / 2,
            width: playerSize,
            height: playerSize,
            color: "#00FF00",
            draw: function() {
                ctx.fillStyle = this.color;
                ctx.fillRect(this.x, this.y, this.width, this.height);
            }
        };

// Zombie object
        function Zombie(x, y) {
            this.x = x;
            this.y = y;
            this.width = zombieSize;
            this.height = zombieSize;
            this.color = "#FF0000";
            this.speed = Math.random() * 3 + 1;

this.draw = function() {
                ctx.fillStyle = this.color;
                ctx.fillRect(this.x, this.y, this.width, this.height);
            }

this.update = function() {
                this.x -= this.speed;
            }
        }

// Function to handle player movement
        function movePlayer(e) {
            var key = e.keyCode;

if (key === 37 && player.x > 0) { // Left arrow key
                player.x -= playerSpeed;
            } else if (key === 38 && player.y > 0) { // Up arrow key
                player.y -= playerSpeed;
            } else if (key === 39 && player.x + player.width < canvas.width) { // Right arrow key
                player.x += playerSpeed;
            } else if (key === 40 && player.y + player.height < canvas.height) { // Down arrow key
                player.y += playerSpeed;
            }
        }

// Function to handle canvas clearing and updating
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

player.draw();

// Update and draw zombies
            for (var i = 0; i < zombies.length; i++) {
                zombies[i].update();
                zombies[i].draw();

// Check for collision with player
                if (
                    player.x < zombies[i].x + zombies[i].width &&
                    player.x + player.width > zombies[i].x &&
                    player.y < zombies[i].y + zombies[i].height &&
                    player.y + player.height > zombies[i].y
                ) {
                    // Zombie and player collided
                    gameOver();
                    return;
                }

// Remove zombies when they go off-screen
                if (zombies[i].x + zombies[i].width < 0) {
                    zombies.splice(i, 1);
                    score++;
                }
            }

// Update score
            ctx.font = "20px Arial";
            ctx.fillStyle = "#000000";
            ctx.fillText("Score: " + score, 10, 30);

requestAnimationFrame(update);
        }

// Function to handle game over
        function gameOver() {
            alert("Game Over! Your score: " + score);
            resetGame();
        }

// Function to reset the game
        function resetGame() {
            zombies = [];
            player.x = canvas.width / 2 - playerSize / 2;
            player.y = canvas.height / 2 - playerSize / 2;
            score = 0;
            createZombie();
        }

// Function to create zombies at regular intervals
        function createZombie() {
            setInterval(function() {
                var x = canvas.width;
                var y = Math.random() * (canvas.height - zombieSize);
                zombies.push(new Zombie(x, y));
            }, 1500);
        }

// Event listener for player movement
        window.addEventListener("keydown", movePlayer);

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