将 cryfly666.github.io 改造成宝可梦高难度挑战网站

[cryfly666]

宝可梦挑战网站改造需求

目标

将 cryfly666.github.io 改造成一个极高难度的宝可梦对战挑战网站：

• 敌方拥有 6 只宝可梦（可自定义属性、技能、性格、携带物、努力值等，且均高度合理、强力）
• 用户可从完整的宝可梦图鉴中自由选择一只作为对战宝可梦
• 对战双方宝可梦需符合原作（正统游戏）机制：
  • 属性克制、技能伤害、特性等完整实现
  • 回合制战斗与伤害结算计算
  • 状态变化与异常状态
  • 难度极高，保证 AI 敌人有极强策略（如队伍核心、胜利路线、换人、残血极限操作等）
• 提供宝可梦队伍选择界面，和对手队伍展示（贴图要求，参考官方素材）
• 对战过程中需有基本的动画效果（如出场、攻击、受伤、倒地、技能特效，建议简单 CSS 或 SVG 动画实现）
• 支持移动端体验优化
• UI风格建议为：极简深色/数码风，便于后续自定义

实现建议

• 前端框架优先使用原生HTML+CSS+JS（也可选微型JS库如 Alpine.js），避免复杂依赖
• 宝可梦数据结构建议参考 http://pokeapi.co 数据定义（如种族值/属性/图鉴ID等）
• 动画可参考宝可梦 Showdown 或官方回合动画简化
• 有详细注释/架构说明

难点说明

• 敌方宝可梦 AI 需具备多种策略，行动可预测也可突变，能以不同方式压制玩家，核心机制要高度还原
• 伤害、属性、速度判定等计算逻辑需高度贴近原版

UI模块

• 宝可梦选择界面（含全部可选宝可梦，难度高可预设仅部分宝可梦开放）
• 对战主界面（队伍展示，双方行动动画，技能选择，血量与状态展示等）
• 对手介绍与AI难度说明

所需资源

• 预设敌方队伍（6只宝可梦，严格按正赛高难度策略搭配）
• 对战方宝可梦列表（最多支持全部or部分解锁）
• 宝可梦贴图（建议采用官方sprite、svg或简洁型图标，支持动效）
• 基本音效（可后续添加）

建议开发流程

1. 首先定义宝可梦数据结构与队伍、属性及战斗机制
2. 实现宝可梦选择与队伍展示面板（贴图+属性+能力展示）
3. 开发对战主视图与回合动画，实现技能/特性/伤害逻辑
4. 制作敌方AI逻辑（���难度，先制作能换人能压制就好，再补强极限应对）
5. 调整移动端兼容性与界面优化
6. 完善资源（贴图、音效）、文档与代码注释