A game where you are in a 10 x 10 grid and your goal is to not hit the red cells that spawn 5 or more cells away from you that moves in a straight path and avoid the red circles and the goal is to be alive as long as possible's game

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

No:48333

←

Prev Next

→

A game where you are in a 10 x 10 grid and your go..ALL
Developer User20725｜Date and time 24/3/1 21:51:06
Build time 14.493 sec｜Game capacity 4.494KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Red Cells Avoidance Game</title>
    <style>
        #gameBoard {
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            grid-template-rows: repeat(10, 1fr);
            width: 300px;
            height: 300px;
        }

.cell {
            width: 30px;
            height: 30px;
            border: 1px solid black;
            background-color: white;
        }

.player {
            background-color: blue;
        }

.redCell {
            background-color: red;
        }

.redCircle {
            background-color: red;
            border-radius: 50%;
        }

</style>

</head>
<body>
    <div id="gameBoard"></div>
    <script>
        const player = { x: 0, y: 0 };
        const redCells = [];
        const redCircles = [];
        let gameOver = false;

function createPlayer() {
            const playerCell = document.getElementById(`cell-${player.x}-${player.y}`);
            playerCell.classList.add('player');
        }

createPlayer();
        }

function moveRedCells() {
            for (let i = 0; i < redCells.length; i++) {
                const cell = redCells[i];
                document.getElementById(`cell-${cell.x}-${cell.y}`).classList.remove('redCell');

if (player.x > cell.x) {
                    cell.x++;
                } else if (player.x < cell.x) {
                    cell.x--;
                }

if (player.y > cell.y) {
                    cell.y++;
                } else if (player.y < cell.y) {
                    cell.y--;
                }

document.getElementById(`cell-${cell.x}-${cell.y}`).classList.add('redCell');
            }
        }

setInterval(() => {
                if (!gameOver) {
                    spawnRedCells();
                }
            }, 2000);
        }

document.addEventListener('keydown', movePlayer);
        startGame();
    </script>
</body>
</html>