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 every 25 turns with a lifetime of 20 turns that moves that can move in a straight path 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:48351

←

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 22:05:56
Build time 10.471 sec｜Game capacity 3.27KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Grid Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

const cellSize = 50;
        const gridSize = 10;

let playerX = 0;
        let playerY = 0;

let redCellX = 0;
        let redCellY = 0;

let turns = 0;
        const spawnFrequency = 25;
        const redCellLifetime = 20;

const moveDirections = ['up', 'down', 'left', 'right'];

function drawGrid() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let x = 0; x < gridSize; x++) {
                for (let y = 0; y < gridSize; y++) {
                    ctx.strokeRect(x * cellSize, y * cellSize, cellSize, cellSize);
                }
            }

// Draw player
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX * cellSize, playerY * cellSize, cellSize, cellSize);

// Draw red cell
            ctx.fillStyle = 'red';
            ctx.fillRect(redCellX * cellSize, redCellY * cellSize, cellSize, cellSize);
        }

function movePlayer(direction) {
            switch (direction) {
                case 'up':
                    if (playerY > 0) playerY--;
                    break;
                case 'down':
                    if (playerY < gridSize - 1) playerY++;
                    break;
                case 'left':
                    if (playerX > 0) playerX--;
                    break;
                case 'right':
                    if (playerX < gridSize - 1) playerX++;
                    break;
                default:
                    break;
            }
        }

function spawnRedCell() {
            redCellX = Math.floor(Math.random() * gridSize);
            redCellY = Math.floor(Math.random() * gridSize);
        }

function gameLoop() {
            turns++;
            if (turns % spawnFrequency === 0) {
                spawnRedCell();
            }

if (turns % redCellLifetime === 0) {
                redCellX = -1;
                redCellY = -1;
            }

drawGrid();
            checkCollision();
        }

document.addEventListener('keydown', (event) => {
            switch (event.key) {
                case 'ArrowUp':
                    movePlayer('up');
                    break;
                case 'ArrowDown':
                    movePlayer('down');
                    break;
                case 'ArrowLeft':
                    movePlayer('left');
                    break;
                case 'ArrowRight':
                    movePlayer('right');
                    break;
                default:
                    break;
            }
            drawGrid();
            checkCollision();
        });

setInterval(gameLoop, 200);
    </script>
</body>
</html>