Q 版 3D 三国 · 即时卡牌对战 · 浏览器即开即玩（PC / 手机）
东汉末年，烽火四起。你是一方主将，手握八张卡牌：武将、士卒、计策、营造。两军隔河对垒，各守两座箭楼与一座帅帐——三分钟之内，攻破对面的帅帐，或者比对手多拔一座营。
游戏里的每一个模型、每一张卡面、每一道刀光、每一声战鼓，都是代码在运行时生成的，没有任何美术或音频资产文件。
| 要素 | 规则 |
|---|---|
| 战场 | 18 × 32 格，中间一条河，左右两座桥是仅有的通路 |
| 营垒 | 每方两座箭楼、一座帅帐。帅帐起初不出手，受到攻击或己方任一箭楼陷落后参战 |
| 军令 | 出牌消耗的资源，上限 10，开局 5，每 2.8 秒恢复 1 点 |
| 卡组 | 8 张，手里 4 张，打出的牌回到牌序末尾；左下角预告下一张 |
| 部署 | 单位和营造只能放在己方半场；攻破敌方某一路的箭楼后，这一路可以前压部署。计策可以放在任何位置 |
| 擂鼓进军 | 最后 60 秒，军令恢复速度翻倍 |
| 决胜时刻 | 到时间双方拔营数相同则加时 60 秒，先破一营者胜；仍持平比最低营垒的剩余血量 |
| 胜负 | 攻破帅帐立即获胜。胜利按拔营数获得 1–3 枚虎符 |
单位放下后会自己行动：寻找视野内最近的敌人，没有敌人就沿着本路去打箭楼，箭楼倒了再打帅帐。你要决定的是放什么、放哪里、什么时候放。
破营的瞬间会进入慢动作，营垒坍塌成带物理的碎块：
| 破营 | 结算 |
|---|---|
 |
 |
共 39 张，分四类、四个阵营（魏 / 蜀 / 吴 / 群），四档品质（普通 / 稀有 / 史诗 / 传说）。卡面立绘是对应 3D 模型的实时渲染图。
带专属技能的单体强力单位，见下一节。
| 卡牌 | 军令 | 数量 | 特点 |
|---|---|---|---|
| 刀盾兵 | 3 | ×3 | 举盾，远程伤害只吃 65% |
| 弓弩手 | 3 | ×3 | 远程齐射，血薄 |
| 长枪兵 | 2 | ×3 | 攻击距离稍长，便宜 |
| 黄巾军 | 2 | ×6 | 人海，怕范围伤害 |
| 虎豹骑 | 4 | ×2 | 重骑，奔袭后首击伤害加倍 |
| 西凉铁骑 | 5 | ×3 | 轻骑，机动高，适合包抄后排 |
| 藤甲兵 | 3 | ×2 | 远程伤害减半、近战伤害 85%，但计策对其伤害 ×1.5 |
| 霹雳车 | 5 | ×1 | 超远射程投石，只打建筑，落点溅射 |
| 连弩车 | 4 | ×1 | 每 0.35 秒一发，压制力强，移动慢 |
| 卡牌 | 军令 | 特点 |
|---|---|---|
| 箭塔 | 4 | 自动射击的临时防御塔，存续 35 秒 |
| 拒马 | 2 | 高血量路障，吸引并拖住敌军 |
| 兵营 | 5 | 每 9 秒训练两名长枪兵 |
| 烽火台 | 3 | 大范围内友军攻速 ×1.25、移速 ×1.15 |
| 卡牌 | 军令 | 效果 |
|---|---|---|
| 火攻 | 4 | 火球从天而降，320 范围伤害并点燃，留下一片火海 |
| 万箭齐发 | 3 | 三波箭雨覆盖大片区域，清杂兵 |
| 落雷 | 2 | 小范围 240 伤害并短暂击晕 |
| 滚石 | 3 | 巨石砸落，伤害并把敌人击飞 |
| 擂鼓助威 | 2 | 范围内友军攻速与移速大幅提升 6 秒 |
| 寒冰 | 4 | 冻结范围内敌军和建筑 3.5 秒 |
| 青囊术 | 3 | 分三次为范围内友军回复生命 |
| 八卦阵 | 3 | 布下旋转的八卦阵，6 秒内持续迟缓并灼伤阵中敌军 |
| 借东风 | 3 | 狂风把范围内的敌军吹回他们自己的阵地 |
17 位武将各有独立的外形设计（肤色、五官、须发、头饰、甲胄、披风、兵器、坐骑、配饰）和专属技能。释放技能时头顶会飘出技能名。
上图：司马懿的「鬼谋」、周瑜的「火烧连营」与貂蝉的「闭月」同时发动，桥上被魅惑的单位泛起粉光倒戈。
| 吕布 | 诸葛亮 |
|---|---|
 |
 |
| 赵云 | 貂蝉 |
|---|---|
 |
 |
| 武将 | 军令 | 定位 | 形象 | 技能 |
|---|---|---|---|---|
| 关羽 · 武圣 | 5 | 重装近战 | 面如重枣、丹凤眼、二尺长髯；绿巾绿袍金甲；青龙偃月刀 | 拖刀斩：每第 3 击横扫并击退身前之敌。武圣：计策伤害减免 |
| 张飞 · 万人敌 | 5 | 前排控制 | 豹头环眼、燕颔虎须；黑甲红巾、虎皮裙；丈八蛇矛 | 当阳怒吼：登场及每 9 秒震晕周围敌军 |
| 赵云 · 常胜将军 | 4 | 突进刺客 | 面如冠玉、高马尾；白袍银甲、红缨银盔；亮银枪 | 七进七出：直线突刺，贯穿沿途敌人。龙胆：22% 闪避 |
| 马超 · 锦马超 | 5 | 冲锋骑将 | 狮盔兽带、银甲白袍；白马金鞍 | 西凉铁骑：奔行 3 格后首击 230% 伤害并撞退 |
| 黄忠 · 老当益壮 | 4 | 远程狙击 | 白眉白须；赤金甲；宝雕弓 | 百步穿杨：35% 几率 2.5 倍暴击，武将中射程最远 |
| 诸葛亮 · 卧龙 | 5 | 法术连锁 | 羽扇纶巾、三绺长须；白袍鹤氅 | 连环：雷珠在敌群中弹射 3 次。七星落雷：范围落雷并震晕 |
| 武将 | 军令 | 定位 | 形象 | 技能 |
|---|---|---|---|---|
| 曹操 · 乱世奸雄 | 5 | 光环统帅 | 细眼短髯；玄袍金冠紫披风；倚天剑 | 奸雄：周围友军攻速 ×1.25、伤害 ×1.15。虎卫军：登场及每 12 秒召来两名刀盾兵 |
| 夏侯惇 · 独眼将军 | 4 | 吸血战士 | 独眼罩、刀疤、披发；蓝甲；阔刃大刀 | 刚烈：攻击吸血 35%。拔矢啖睛：半血后狂怒 |
| 典韦 · 古之恶来 | 4 | 护盾坦克 | 光头虬髯、赤膊佛珠；双铁戟 | 古之恶来：自带 600 护盾。铁壁：远程减伤；普攻溅射 |
| 司马懿 · 冢虎 | 5 | 减速法师 | 鹰视狼顾、紫瞳；玄紫朝服高冠；黑羽扇 | 狼顾：普攻减速。鬼谋：黑焰吞噬一片区域并大幅迟缓 |
| 张辽 · 威震逍遥津 | 4 | 突袭骑将 | 翼盔青甲；青骢马；钩镰刀 | 威震逍遥津：登场震慑减速。突袭：冲锋加伤 |
| 武将 | 军令 | 定位 | 形象 | 技能 |
|---|---|---|---|---|
| 周瑜 · 美周郎 | 5 | 火系法师 | 雄姿英发、束发金冠；红锦战袍；长剑 | 业火：火球溅射并点燃。火烧连营：范围轰击后持续灼烧 |
| 孙尚香 · 弓腰姬 | 3 | 速射射手 | 双髻金钗、腮红；红衣短甲；短弓 | 弓腰姬：每次同时射出两箭 |
| 甘宁 · 锦帆贼 | 4 | 暴击刺客 | 赤膊、黄巾束额、腰悬铜铃、头插鸟羽；链刀 | 锦帆：25% 暴击。百骑劫营：突入并击晕目标 |
| 武将 | 军令 | 定位 | 形象 | 技能 |
|---|---|---|---|---|
| 吕布 · 飞将 | 7 | 终结者 | 三叉束发紫金冠、雉鸡翎；百花战袍；方天画戟；赤兔马 | 无双：半血后攻速 ×1.5、移速 ×1.3、伤害 ×1.3。辕门射戟：每第 3 击大范围横扫击退 |
| 貂蝉 · 闭月 | 4 | 魅惑控制 | 双髻金步摇；粉纱长裙、飘带；团扇 | 闭月：魅惑附近至多 3 名敌军倒戈 4.5 秒（对武将减半） |
| 华佗 · 神医 | 3 | 治疗辅助 | 白眉长须、眯眼；青布衣、药葫芦；竹杖 | 青囊：每 4 秒为周围友军回复 160 生命 |
从桃园起兵到五丈原，十场战斗各有自己的地貌、时间、天气和敌将。敌方 AI 的反应速度、军令恢复倍率和营垒血量逐关提高；每通过一回，解锁一批新卡。
| 回 | 关卡 | 敌将 | 地貌 · 时间 · 天气 | 通关解锁 |
|---|---|---|---|---|
| 一 | 桃园起兵 | 张角 | 桃园 · 白昼 · 落英 | 吕布、夏侯惇、落雷、箭塔 |
| 二 | 虎牢关 | 吕布 | 关隘 · 黄昏 · 风沙 | 赵云、华佗、滚石、拒马 |
| 三 | 徐州雪夜 | 夏侯惇 | 雪原 · 夜晚 · 雪 | 曹操、虎豹骑、霹雳车、寒冰 |
| 四 | 官渡 | 曹操 | 中原 · 黄昏 · 烽烟 | 张辽、貂蝉、擂鼓助威 |
| 五 | 长坂坡 | 张辽 | 密林 · 拂晓 · 雾 | 诸葛亮、周瑜、青囊术 |
| 六 | 赤壁 | 周瑜 | 江岸 · 夜晚 · 烽烟 | 马超、西凉铁骑、借东风 |
| 七 | 潼关 | 马超 | 西凉 · 白昼 · 风沙 | 黄忠、连弩车、兵营 |
| 八 | 定军山 | 黄忠 | 山岭 · 黄昏 · 晴 | 甘宁、藤甲兵、烽火台 |
| 九 | 夷陵 | 甘宁 | 竹林 · 白昼 · 雷雨 | 司马懿、八卦阵 |
| 十 | 五丈原 | 司马懿 | 秋原 · 夜晚 · 雾 | — |
初始卡组：关羽、张飞、孙尚香、刀盾兵、弓弩手、长枪兵、火攻、万箭齐发（另有典韦、黄巾军开局可用）。
对手不是脚本：它会攒军令等主将、在你的单位过河时就近防守、用计策砸人堆、给残血营垒补刀，并倾向于进攻你血量更低的那一路。
战场由 10 种地貌 × 4 种时间 × 8 种天气 组合而成，天气不只是滤镜——雨天地面会积水反光，雪原的河面结冰，雷雨有闪电照亮全场。
| 雷雨 · 夷陵 | 风沙 · 虎牢关 |
|---|---|
 |
 |
| 晨雾 · 长坂坡 | 黄昏 · 定军山 |
|---|---|
 |
 |
| 夜战 · 赤壁 | 雪中黄昏（自定义关卡） |
|---|---|
 |
 |
| 天气 | 表现 |
|---|---|
| 晴 | 清澈的天空与流云 |
| 雨 | 雨丝、落点水花、河面涟漪、湿地反射 |
| 雷雨 | 在雨的基础上加远景闪电、全屏闪光、延迟到来的雷声 |
| 雪 | 飘雪；雪原地貌下河面结冰、树木积雪 |
| 雾 | 贴地雾团缓慢飘移 |
| 风沙 | 横向卷过战场的沙尘 |
| 落英 | 花瓣随风旋落 |
| 烽烟 | 升腾的余烬与远处的烟柱 |
时间有拂晓、白昼、黄昏、夜晚四种。夜晚有星空和弦月，火盆与石灯成为主要的暖色光源。
地貌：中原、关隘、雪原、西凉、江岸、竹林、山岭、密林、秋原、桃园——各有自己的地表配色、植被（松、竹、桃、枫、枯树）、木桥或石桥、远山轮廓。
| 效果 | 做法 |
|---|---|
| 环境光遮蔽 | 对深度缓冲做半球光线步进 |
| 接触阴影 | 沿太阳方向在屏幕空间做短距离光线步进 |
| 湿地反射 | 雨、雷雨、雾天，地表沿镜面方向步进取色，带水洼遮罩 |
| 河面 | 平面镜像反射 + 程序波纹 + 菲涅尔 + 太阳高光 + 岸边浮沫 |
| 体积光 | 屏幕空间朝太阳方向步进，被几何体遮挡 |
| 泛光 | 5 级降 / 升采样链 |
| 调色 | ACES 色调映射、暗角、胶片颗粒、FXAA |
| 环境反射 | 每个战场用自己的天空生成反射贴图，甲胄映出当前天色 |
浏览器没有硬件光线追踪接口。这里的「光追」是逐像素的屏幕空间光线步进，加上河面的一次镜像渲染，不是对场景几何体的真实光线追踪。
所有角色由一套部件库拼装：6 种眼型、6 种胡须、8 种发型、13 种头饰、6 种服装、16 种兵器，加上披风、坐骑和各种配饰（箭囊、药葫芦、铜铃、飘带、佛珠、虎皮裙……）。动画全部是程序计算的：待机、行军、劈砍、突刺、开弓、施法、双持连击、骑乘奔驰、受击后仰、眩晕摇晃、胜利欢呼。
可以 360° 旋转、缩放查看每一个单位，播放待机 / 行军 / 攻击 / 技能 / 庆贺动作，阅读数值、技能说明和人物志。
竖屏时战场纵向展开，我方在下；横屏时战场横向展开，我方在左——让战场的长边始终贴着屏幕的长边。
| 雪夜 | 夜战 |
|---|---|
 |
 |
调整任意卡牌的军令和数量，以及对应单位的生命、攻击、攻击间隔、射程、移速、溅射。修改保存在本地，对敌我双方和所有战斗（包括战役）同时生效，可单张或全部重置。
| 关卡编辑器（手机） | 卡牌编辑器（手机） |
|---|---|
 |
 |
| PC | 手机 | |
|---|---|---|
| 出牌 | 把手牌拖到战场松开；或点选手牌（或按 1–4）再点战场 |
拖拽，或点选后点战场 |
| 取消选择 / 暂停 | Esc |
右上角 Ⅱ |
| 图鉴视角 | 拖动旋转，滚轮缩放 | 单指旋转，双指缩放 |
画质四档：自动 / 流畅 / 均衡 / 精致。「自动」按设备选初始档位，帧率持续偏低时自动降一档。
| 档位 | 包含 |
|---|---|
| 精致 | 全部效果 |
| 均衡 | 去掉湿地反射与接触阴影，降低渲染分辨率上限 |
| 流畅 | 只保留泛光与调色，不做河面镜像，粒子减量 |
存档在浏览器本地：战役进度、虎符、卡组、设置、自定义关卡、卡牌数值修改。
npm install
npm run dev # 开发
npm run build # 打包到 dist/，纯静态文件，可直接托管
npm test # 战斗模拟单元测试
需要支持 WebGL2 的浏览器。技术栈：TypeScript + three.js + Vite，界面是原生 DOM，音频是 WebAudio 合成。
目前的状态，如实说明：