一个基于 Vue 3 + UnoCSS + TypeScript 开发的网页版 E-Card 卡牌对战游戏,改编自日本漫画《赌博默示录卡吉》中的经典心理博弈游戏。
主菜单提供以下功能:
- 难度选择:简单、中等、困难、地狱四档难度
- 押注金额:每局对战的赌注豆子数量
- 游戏开始:点击开始进入对战
- 游戏说明:查看游戏规则
- 制作人员:查看项目贡献者
详细的游戏规则说明,包括角色介绍、胜负关系、得分规则等。
游戏开始时随机分配皇帝或奴隶角色,每局结束后双方角色互换。
游戏主界面包含以下区域:
- 顶部:电脑手牌(5 张背面朝上的卡牌)
- 中部:检查区域(用于展示双方打出的卡牌进行比对)
- 底部:玩家手牌(5 张正面朝上的可操作卡牌)
- 右侧面板:游戏信息(难度、豆子、比分、对局日志、弃牌区域)
玩家点击手牌中的任意一张卡牌即可出牌,电脑 AI 会根据难度等级分析玩家出牌习惯并选择应对策略。
平局时的卡牌会进入弃牌区域,不再归还双方,影响后续对局的策略选择。
导航栏提供背景图片切换按钮,可在 4 种不同背景间循环切换。
当一方豆子归零(破产)或达到胜利条件时,显示结算面板,展示最终比分、豆子变化和对局记录。
失败结算面板,与胜利结算对称展示,记录本局所有对局详情。
最终结算页面汇总整局游戏结果与对战记录。
E-Card 是一款不对称心理博弈游戏,双方各自持有 5 张卡牌:
| 角色 | 卡牌组成 |
|---|---|
| 皇帝方 | 1 张皇帝牌(Emperor)+ 4 张市民牌(Citizen) |
| 奴隶方 | 1 张奴隶牌(Slave)+ 4 张市民牌(Citizen) |
卡牌之间存在相克关系,类似石头剪刀布:
皇帝 ──胜──> 市民 ──胜──> 奴隶 ──胜──> 皇帝
↑__________|
| 对战组合 | 结果 |
|---|---|
| 皇帝 vs 市民 | 皇帝胜 |
| 市民 vs 奴隶 | 市民胜 |
| 奴隶 vs 皇帝 | 奴隶胜(奴隶逆袭) |
| 市民 vs 市民 | 平局(双方弃牌) |
- 选择难度和押注:在主菜单选择 AI 难度(简单/中等/困难/地狱)和押注金额(50/100/200/500)
- 角色分配:系统随机分配皇帝或奴隶角色给玩家,电脑获得另一方
- 出牌阶段:双方各从 5 张手牌中选择 1 张出牌
- 比对结果:系统比对双方卡牌,判定胜负
- 豆子结算:根据押注金额和本局结果调整双方豆子数量
- 角色互换:下一局双方角色互换
- 判定终局:一方豆子归零(破产)即游戏结束
AI 会根据难度等级智能分析玩家出牌习惯并优化应对策略:
| 难度 | AI 行为 | 思考时长 |
|---|---|---|
| 简单 | 随机出牌为主,较少分析玩家习惯 | 约 300ms |
| 中等 | 偶尔分析玩家习惯,平衡策略 | 约 600ms |
| 困难 | 经常分析玩家习惯,倾向于最优策略 | 约 900ms |
| 地狱 | 深度分析玩家习惯,几乎总是最优策略 | 约 1200ms |
- 初始豆子:双方各 1000 颗
- 押注金额:每局 50/100/200 颗(可在主菜单选择)
- 破产判定:豆子归零即视为破产,游戏结束
- 胜利条件:使对方破产即可获得最终胜利
- 四种 AI 难度等级,智能分析玩家出牌习惯
- 完整的豆子(筹码)系统和破产机制
- 精美的卡牌 3D 翻转动画和对战打击感
- 多语言支持(中文/英文/日文/韩文)
- 4 种可切换的游戏背景
- 明暗主题切换(默认暗色主题,全屏深色背景适配)
- 全屏模式
- 音效系统(发牌、抽牌、洗牌音效)
- 游戏对局日志记录
- 状态持久化(localStorage)
- 响应式布局,主菜单垂直居中,等比例适配桌面端与移动端竖屏
游戏支持明暗主题切换,默认采用暗色主题:
- 暗色主题:深色背景(#1d1d1f),浅色文字,所有面板、卡片、表格均适配深色风格
- 浅色主题:浅灰背景(#f5f5f7),深色文字,Apple 风格清新界面
切换按钮位于导航栏右上角(太阳/月亮图标),主题选择会自动保存。
- 桌面端:游戏主区域 + 右侧信息面板(对局日志、弃牌区域)
- 移动端竖屏:单列纵向布局,主菜单内容垂直居中,等比例缩放适配各尺寸屏幕
- 所有按钮、文字、卡牌均使用响应式断点(sm:)自适应字号与间距
项目使用 GitHub Pages 部署,访问地址:https://smallteddygames.github.io/e-card/
感谢以下贡献者参与本项目开发:










