Fighting game between two opponents of a random choice between ten. Both players start with a health of 1000, and a player wins when the other's health is zero. The opponent will deal you 100 damage a second, and you deal 75 damage to them whenever you tap them.'s game

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

No:52777

380

←

Prev Next

→

Fighting game between two opponents of a random ch..ALL
Developer User15231｜Date and time 24/3/24 19:42:04
Build time 6.198 sec｜Game capacity 2.022KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

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

let playerHealth = 1000;
        let opponentHealth = 1000;

let playerDamage = 75;
        let opponentDamage = 100;

let playerTurn = true;

canvas.addEventListener('click', function(event) {
            if(playerTurn) {
                opponentHealth -= playerDamage;
                if(opponentHealth <= 0) {
                    alert('You win!');
                    restartGame();
                }
            } else {
                playerHealth -= opponentDamage;
                if(playerHealth <= 0) {
                    alert('You lose!');
                    restartGame();
                }
            }

playerTurn = !playerTurn;
        });

function restartGame() {
            playerHealth = 1000;
            opponentHealth = 1000;
            playerTurn = true;
        }

function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);

context.font = '20px Arial';
            context.fillStyle = 'black';
            context.fillText('Player Health: ' + playerHealth, 10, 30);
            context.fillText('Opponent Health: ' + opponentHealth, 10, 60);

context.fillStyle = 'blue';
            context.fillRect(50, 100, playerHealth / 10, 20);

context.fillStyle = 'red';
            context.fillRect(50, 150, opponentHealth / 10, 20);

if(playerTurn) {
                context.fillStyle = 'green';
                context.fillText('Your Turn', 10, 90);
            } else {
                context.fillStyle = 'red';
                context.fillText('Opponent Turn', 10, 90);
            }

requestAnimationFrame(draw);
        }

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