AI game creator

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

No:22067

←

Prev Next

→

回合制遊戲
Developer User10195｜Date and time 23/10/20 12:16:57
Build time 40.978 sec｜Game capacity 3.265KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>回合制遊戲</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// 定义游戏状态
        var gameStatus = {
            playerHealth: 100,
            enemyHealth: 100,
            currentPlayer: "player",
            isGameOver: false
        };

// 定义角色图标
        var playerIcon = new Image();
        playerIcon.src = "player.png";

var enemyIcon = new Image();
        enemyIcon.src = "enemy.png";

// 监听玩家点击事件
        canvas.addEventListener("click", function(event) {
            if (gameStatus.isGameOver) {
                // 如果游戏结束，则重置游戏状态
                resetGame();
            } else {
                // 否则玩家可以进行操作
                if (gameStatus.currentPlayer === "player") {
                    // 玩家回合，减少敌人生命值
                    gameStatus.enemyHealth -= 10;
                    gameStatus.currentPlayer = "enemy";
                } else {
                    // 敌人回合，减少玩家生命值
                    gameStatus.playerHealth -= 10;
                    gameStatus.currentPlayer = "player";
                }

// 绘制游戏画面
                drawGame();
            }
        });

// 绘制游戏画面
        function drawGame() {
            // 清空画布
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// 绘制角色图标和生命值
            ctx.drawImage(playerIcon, 50, 50, 100, 100);
            ctx.font = "16px Arial";
            ctx.fillText("生命值: " + gameStatus.playerHealth, 50, 180);

ctx.drawImage(enemyIcon, 250, 50, 100, 100);
            ctx.font = "16px Arial";
            ctx.fillText("生命值: " + gameStatus.enemyHealth, 250, 180);

// 判断游戏是否结束
            if (gameStatus.playerHealth <= 0) {
                ctx.font = "32px Arial";
                ctx.fillText("游戏结束，你输了！", 100, 300);
                gameStatus.isGameOver = true;
            } else if (gameStatus.enemyHealth <= 0) {
                ctx.font = "32px Arial";
                ctx.fillText("游戏结束，你赢了！", 100, 300);
                gameStatus.isGameOver = true;
            } else {
                if (gameStatus.currentPlayer === "player") {
                    ctx.font = "24px Arial";
                    ctx.fillText("轮到你了，点击屏幕攻击敌人！", 50, 300);
                } else {
                    ctx.font = "24px Arial";
                    ctx.fillText("轮到敌人了，等待对方攻击！", 50, 300);
                }
            }
        }

// 重置游戏状态
        function resetGame() {
            gameStatus.playerHealth = 100;
            gameStatus.enemyHealth = 100;
            gameStatus.currentPlayer = "player";
            gameStatus.isGameOver = false;
            drawGame();
        }

// 开始游戏
        drawGame();
    </script>
</body>
</html>