AI game creator

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

No:46827

←

Prev Next

→

Dueling card game
Developer User20261｜Date and time 24/2/26 7:12:39
Build time 7.443 sec｜Game capacity 2.363KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Dueling Card Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        // JavaScript code for the Dueling Card Game

const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

// Define variables for player and opponent cards
        let playerCard = {
            name: 'Player',
            health: 100,
            attack: 20
        };

let opponentCard = {
            name: 'Opponent',
            health: 100,
            attack: 15
        };

// Function to draw the cards on the canvas
        function drawCards() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player card
            ctx.fillStyle = 'blue';
            ctx.fillRect(50, 100, 200, 100);
            ctx.fillStyle = 'white';
            ctx.font = '20px Arial';
            ctx.fillText(playerCard.name + ' (' + playerCard.health + ')', 60, 140);

// Draw opponent card
            ctx.fillStyle = 'red';
            ctx.fillRect(550, 100, 200, 100);
            ctx.fillStyle = 'white';
            ctx.font = '20px Arial';
            ctx.fillText(opponentCard.name + ' (' + opponentCard.health + ')', 560, 140);
        }

// Function to simulate a round of combat
        function combatRound() {
            // Player attacks opponent
            opponentCard.health -= playerCard.attack;

// Opponent attacks player
            playerCard.health -= opponentCard.attack;

// Check for winner
            if (playerCard.health <= 0) {
                alert('Opponent wins!');
                resetGame();
            } else if (opponentCard.health <= 0) {
                alert('Player wins!');
                resetGame();
            }

// Update the display
            drawCards();
        }

// Function to reset the game
        function resetGame() {
            playerCard.health = 100;
            opponentCard.health = 100;
            drawCards();
        }

// Set up initial game display
        drawCards();

// Event listener for player attacking
        document.addEventListener('click', function(event) {
            combatRound();
        });
    </script>
</body>
</html>