zhangjian/Project_Design.md

2.0 KiB
Raw Blame History

三国杀网页游戏 - 项目设计文档

一句话描述

三国杀网页游戏是一款基于经典三国杀卡牌规则的5人在线对战游戏专为喜欢策略卡牌游戏的玩家设计。

核心功能 (MVP)

1. 身份系统

  • 支持5人身份模式1个主公、1个忠臣、2个反贼、1个内奸
  • 主公身份公开,其他身份隐藏
  • 不同身份有不同的胜利条件

2. 角色与技能系统

  • 提供10+个经典三国角色(刘备、曹操、孙权、诸葛亮、关羽、张飞、赵云、黄月英、吕布、貂蝉等)
  • 每个角色拥有独特的主动和被动技能
  • 角色血量、攻击范围等属性差异

3. 卡牌与战斗系统

  • 基础牌:杀、闪、桃
  • 装备牌:武器、防具、进攻马、防御马
  • 锦囊牌:无中生有、过河拆桥、顺手牵羊、南蛮入侵、万箭齐发、闪电、乐不思蜀、兵粮寸断、铁索连环、火攻等
  • 攻击距离计算和目标选择
  • 回合制战斗流程

交互流程

游戏开始流程

  1. 用户打开网页 → 看到"三国杀"标题和"开始游戏"按钮
  2. 点击"开始游戏"按钮 → 系统随机分配身份和角色
  3. 显示游戏界面 → 5个玩家座位用户在中间其他4个AI玩家环绕
  4. 显示用户信息 → 身份、角色、血量、手牌

游戏进行流程

  1. 摸牌阶段 → 点击"摸牌"按钮 → 从牌堆抽取2张牌
  2. 出牌阶段 → 点击手牌 → 选择目标 → 点击"出牌"按钮
  3. 使用技能 → 点击"技能"按钮 → 选择技能效果 → 应用到目标
  4. 结束回合 → 点击"结束回合"按钮 → 轮到下一个玩家

游戏结束流程

  1. 当某一方达成胜利条件 → 显示胜利/失败提示
  2. 显示游戏统计 → 击杀数、存活时间等
  3. 提供"再来一局"按钮 → 重新开始游戏

技术特点

  • 纯前端实现HTML + CSS + JavaScript
  • 响应式设计,支持不同屏幕尺寸
  • 卡牌动画效果和视觉反馈
  • AI智能决策系统