-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
109 lines (99 loc) · 4.58 KB
/
index.html
File metadata and controls
109 lines (99 loc) · 4.58 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>交公粮 - 扑克牌游戏</title>
<link rel="stylesheet" href="css/style-new.css">
</head>
<body>
<div class="game-container">
<div class="game-header">
<h1>交公粮</h1>
<div class="game-controls">
<button id="new-game-btn">新游戏</button>
<button id="help-btn">帮助</button>
</div>
</div>
<div class="game-board">
<!-- 电脑玩家1区域 -->
<div class="player-area computer-player" id="player-1">
<div class="player-info">
<span class="player-name">电脑玩家 1</span>
<span class="card-count">0 张牌</span>
</div>
<div class="player-cards"></div>
</div>
<!-- 电脑玩家2区域 -->
<div class="player-area computer-player" id="player-2">
<div class="player-info">
<span class="player-name">电脑玩家 2</span>
<span class="card-count">0 张牌</span>
</div>
<div class="player-cards"></div>
</div>
<!-- 出牌区域 -->
<div class="play-area">
<div class="last-play" id="last-play"></div>
<div class="game-status" id="game-status">等待游戏开始...</div>
</div>
<!-- 人类玩家区域 -->
<div class="player-area human-player" id="player-0">
<div class="player-info">
<span class="player-name">玩家</span>
<span class="card-count">0 张牌</span>
</div>
<div class="player-cards" id="player-cards"></div>
<div class="player-controls">
<button id="play-btn" disabled>出牌</button>
<button id="pass-btn" disabled>不出</button>
</div>
</div>
</div>
<!-- 游戏消息 -->
<div class="game-message" id="game-message"></div>
</div>
<!-- 游戏帮助弹窗 -->
<div class="modal" id="help-modal">
<div class="modal-content">
<span class="close-btn">×</span>
<h2>游戏规则</h2>
<div class="rules-content">
<h3>基本规则</h3>
<p>交公粮是一种三人玩的扑克牌游戏，每人18张牌。</p>
<p>玩家可以出单张、对子、三张，但没有顺子、连对、三带一、四带二等组合。</p>
<p>每轮由一名玩家先出，其他玩家必须出相同数量且更大的牌，或选择不出。</p>
<p>当一轮中其他两名玩家都选择不出时，由最后出牌的玩家继续先出牌。</p>
<h3>牌型大小</h3>
<p>单张：3 < 4 < 5 < ... < K < A < 2 < 小王 < 大王</p>
<p>对子：3 < 4 < 5 < ... < K < A < 2</p>
<p>三张：3 < 4 < 5 < ... < K < A < 2</p>
<h3>交粮规则</h3>
<p>当一名玩家出完所有牌后，剩余两名玩家中手牌最多的为输家。</p>
<p>输家需要交出手中最大的一张牌给赢家，赢家需要还给输家一张较小的牌。</p>
<p>特殊情况：如果输家有四张同数的牌或大小王，则免交粮。</p>
<p>下一局由输家先出牌。</p>
</div>
</div>
</div>
<!-- 游戏结束弹窗 -->
<div class="modal" id="game-over-modal">
<div class="modal-content">
<h2 id="game-result">游戏结束</h2>
<div id="tribute-info"></div>
<button id="next-round-btn">下一局</button>
</div>
</div>
<!-- 游戏脚本 - 添加版本号防止缓存 -->
<script src="js/EventBus.js?v=1.0.1"></script>
<script src="js/models/Card.js?v=1.0.1"></script>
<script src="js/models/Player.js?v=1.0.1"></script>
<script src="js/models/GameState.js?v=1.0.1"></script>
<script src="js/CardManager.js?v=1.0.1"></script>
<script src="js/AIManager.js?v=1.0.1"></script>
<script src="js/UIManager-new.js?v=1.0.1"></script>
<script src="js/GameEngine.js?v=1.0.1"></script>
<script src="js/debug-ai-flow.js?v=1.0.1"></script>
<script src="js/main-new.js?v=1.0.1"></script>
</body>
</html>