Manna is acquired I just one point Per 9 squares and 3 points to start. Take one manna to create Create an entity that moves around on its own and attack 1 damage You only start with 3 squares to begin with Your opponent has the same as you, but he starts with nine squares's game | AI game creator

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

No:47552

90

Manna is acquired I just one point Per 9 squares a..ALL
Developer User20489｜Date and time 24/2/28 11:47:26
Build time 9.409 sec｜Game capacity 1.992KB｜

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Manna Fight Game</title>
</head>
<body>

<canvas id="gameCanvas" width="800" height="600"></canvas>

<script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let playerManna = 3;
    let opponentManna = 3;
    
    let playerSquares = 3;
    let opponentSquares = 9;
    
    let playerTurn = true;
    
    let playerX = 50;
    let playerY = 50;
    
    let opponentX = 650;
    let opponentY = 50;
    
    function drawEntities() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw player entity
        ctx.fillStyle = 'blue';
        ctx.fillRect(playerX, playerY, 50, 50);
        
        // Draw opponent entity
        ctx.fillStyle = 'red';
        ctx.fillRect(opponentX, opponentY, 50, 50);
    }
    
    function playerAttack() {
        opponentSquares--;
        if(opponentSquares <= 0) {
            alert('Player wins the game!');
        } else {
            playerManna--;
            playerTurn = false;
        }
    }
    
    function opponentAttack() {
        playerSquares--;
        if(playerSquares <= 0) {
            alert('Opponent wins the game!');
        } else {
            opponentManna--;
            playerTurn = true;
        }
    }
    
    canvas.addEventListener('click', function(event) {
        let mouseX = event.clientX - canvas.getBoundingClientRect().left;
        let mouseY = event.clientY - canvas.getBoundingClientRect().top;
        
        if(playerTurn && playerManna > 0) {
            if(mouseX >= opponentX && mouseX <= opponentX + 50 &&
               mouseY >= opponentY && mouseY <= opponentY + 50) {
                playerAttack();
            }
        }
    });
    
    function gameLoop() {
        if(!playerTurn && opponentManna > 0) {
            opponentAttack();
        }
        
        drawEntities();
    }
    
    setInterval(gameLoop, 1000/30);
</script>

</body>
</html>