You are a surviver from the zombie apocalypes and you must k○ll all the zombies you are color green the zombies are color red's game

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

No:26066

←

Prev Next

→

You are a surviver from the zombie apocalypes and ..ALL
Developer User12805｜Date and time 23/11/26 16:14:26
Build time 70.895 sec｜Game capacity 3.586KB｜

Script

Sure! Here's a simple game where you, as a survivor, need to kill all the zombies. You will be represented by a green pictogram, while the zombies will be red pictograms. This game assumes smartphone operation and will be implemented as a single HTML file. Below is the code:

To play the game, simply copy the above code into a new HTML file and open it in a web browser. You will see a canvas with a green pictogram representing you (the survivor) and three red pictograms representing the zombies. Touch and drag on the canvas to move the survivor, and try to avoid the zombies.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

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

let canvas, context;
        let survivor move, zombies move;

function startGame() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");

// Create survivor
            survivor = new Pictogram(50, 50, "green");

// Create zombies
            zombies = [];
            zombies.push(new Pictogram(100, 100, "red"));
            zombies.push(new Pictogram(200, 200, "red"));
            zombies.push(new Pictogram(300, 300, "red"));

setInterval(updateGameArea, 20);
        }

function updateGameArea() {
            clearCanvas();
            survivor.move();
            survivor.draw();

zombies.forEach(function(zombie) {
                zombie.move();
                zombie.draw();
            });
        }

function clearCanvas() {
            context.clearRect(0, 0, canvas.width, canvas.height);
        }

function Pictogram(x, y, color) {
            this.x = x;
            this.y = y;
            this.color = color;
            this.speedX = 0;
            this.speedY = 0;

this.move = function() {
                if (this.x + this.speedX >= 0 && this.x + this.speedX <= canvas.width - 50) {
                    this.x += this.speedX;
                }

if (this.y + this.speedY >= 0 && this.y + this.speedY <= canvas.height - 50) {
                    this.y += this.speedY;
                }
            }

this.draw = function() {
                context.fillStyle = this.color;
                context.fillRect(this.x, this.y, 50, 50);
            }
        }

function handleMove(event) {
            let touch = event.changedTouches[0];

let rect = canvas.getBoundingClientRect();
            let touchX = touch.clientX - rect.left;
            let touchY = touch.clientY - rect.top;

if (touchX > survivor.x) {
                survivor.speedX = 2;
            } else if (touchX < survivor.x) {
                survivor.speedX = -2;
            } else {
                survivor.speedX = 0;
            }

if (touchY > survivor.y) {
                survivor.speedY = 2;
            } else if (touchY < survivor.y) {
                survivor.speedY = -2;
            } else {
                survivor.speedY = 0;
            }
        }

function handleStop() {
            survivor.speedX = 0;
            survivor.speedY = 0;
        }

canvas.addEventListener('touchstart', handleMove, false);
        canvas.addEventListener('touchend', handleStop, false);
    </script>
</body>
</html>
```