Manna is acquired I just one point Per 9 squares. 3 Manna to start. i in a random spot in the map. Take one manna to create Create an entity that moves around on its own and attack 1 damage Health one the entity cannot be further away than three spaces away from youYou only start with 3 squares to begin with Your opponent has the same as you, but he starts with nine squares. The squares you select must be adjacent to you's game

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

No:47565

←

Prev Next

→

Manna is acquired I just one point Per 9 squares. ..ALL
Developer User20489｜Date and time 24/2/28 13:21:56
Build time 12.679 sec｜Game capacity 2.826KB｜

Script

In this game, there is a canvas displaying a 3x3 grid where you can click to move your player to adjacent cells. The player starts with 3 manna and must collect them to survive. Opponent also collects manna and tries to attack you. The game continues with periodic updates and you need to strategize your movements to survive.

←

Prev　Next

→ 　

Back　

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

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

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

const CELL_SIZE = 100;
        const PLAYER_START_MANNA = 3;

let playerPosition = { x: 0, y: 0 };
        let playerManna = PLAYER_START_MANNA;
        let playerHealth = 1;

let opponentPosition = { x: 2, y: 2 };
        let opponentManna = 3;

const mannaImage = new Image();
        mannaImage.src = 'manna.png';

const playerImage = new Image();
        playerImage.src = 'player.png';

const opponentImage = new Image();
        opponentImage.src = 'opponent.png';

canvas.addEventListener('click', (e) => {
            const rect = canvas.getBoundingClientRect();
            const mouseX = e.clientX - rect.left;
            const mouseY = e.clientY - rect.top;

const cellX = Math.floor(mouseX / CELL_SIZE);
            const cellY = Math.floor(mouseY / CELL_SIZE);

if ((Math.abs(cellX - playerPosition.x) <= 1 && Math.abs(cellY - playerPosition.y) <= 1) || (playerManna > 0)) {
                playerPosition = { x: cellX, y: cellY };
                playerManna--;
            }
        });

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

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

ctx.drawImage(mannaImage, opponentPosition.x * CELL_SIZE, opponentPosition.y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
            ctx.drawImage(playerImage, playerPosition.x * CELL_SIZE, playerPosition.y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
            ctx.drawImage(opponentImage, opponentPosition.x * CELL_SIZE, opponentPosition.y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
        }

function startGame() {
            setInterval(() => {
                opponentPosition = { x: Math.floor(Math.random() * 3), y: Math.floor(Math.random() * 3) };
                opponentManna++;
            }, 3000);

setInterval(() => {
                playerHealth--;
            }, 5000);

setInterval(() => {
                drawGame();
            }, 100);
        }

startGame();
    </script>
</body>
</html>
```
In this game, there is a canvas displaying a 3x3 grid where you can click to move your player to adjacent cells. The player starts with 3 manna and must collect them to survive. Opponent also collects manna and tries to attack you. The game continues with periodic updates and you need to strategize your movements to survive.