Manna is acquired I just one point Per 9 squares. 3 Manna to start. Respond 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:47564

←

Prev Next

→

Manna is acquired I just one point Per 9 squares. ..ALL
Developer User20489｜Date and time 24/2/28 13:19:38
Build time 12.125 sec｜Game capacity 3.304KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```
<!DOCTYPE html>
<html>
<head>
    <title>Manna Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const player = { x: 1, y: 1, health: 3 };
        let opponent = { x: 9, y: 9, health: 3 };

const mannaPositions = [{ x: 5, y: 5 }, { x: 2, y: 7 }, { x: 8, y: 3 }];

let manna = 3;

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(player.x * 40, player.y * 40, 40, 40);
        }

function drawOpponent() {
            ctx.fillStyle = 'red';
            ctx.fillRect(opponent.x * 40, opponent.y * 40, 40, 40);
        }

function drawManna() {
            ctx.fillStyle = 'green';
            mannaPositions.forEach(position => {
                ctx.fillRect(position.x * 40, position.y * 40, 40, 40);
            });
        }

function moveOpponent() {
            const direction = Math.floor(Math.random() * 4);

switch (direction) {
                case 0: // up
                    if (opponent.y > 0) {
                        opponent.y--;
                    }
                    break;
                case 1: // down
                    if (opponent.y < 9) {
                        opponent.y++;
                    }
                    break;
                case 2: // left
                    if (opponent.x > 0) {
                        opponent.x--;
                    }
                    break;
                case 3: // right
                    if (opponent.x < 9) {
                        opponent.x++;
                    }
                    break;
            }
        }

function checkCollision() {
            if (player.x === opponent.x && player.y === opponent.y) {
                player.health--;
            }

mannaPositions.forEach((position, index) => {
                if (player.x === position.x && player.y === position.y) {
                    manna++;
                    mannaPositions.splice(index, 1);
                }
            });
        }

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

drawPlayer();
            drawOpponent();
            drawManna();
            moveOpponent();
            checkCollision();

if (player.health <= 0) {
                alert('Game Over! You lost.');
                return;
            }

if (opponent.health <= 0) {
                alert('Congratulations! You won!');
                return;
            }

requestAnimationFrame(gameLoop);
        }

canvas.addEventListener('click', (event) => {
            const rect = canvas.getBoundingClientRect();
            const clickX = event.clientX - rect.left;
            const clickY = event.clientY - rect.top;

const selectedX = Math.floor(clickX / 40);
            const selectedY = Math.floor(clickY / 40);

if (Math.abs(selectedX - player.x) + Math.abs(selectedY - player.y) === 1) {
                player.x = selectedX;
                player.y = selectedY;
            }
        });

gameLoop();
    </script>
</body>
</html>
```