Skill 模板开发实战：从零构建可复用的技能系统

2次阅读

没有评论

共计 2795 个字符，预计需要花费 7 分钟才能阅读完成。

刚入行做游戏开发时，我最头疼的就是每次新增技能都要重写一遍类似的功能。比如火球术和寒冰箭都是远程攻击技能，但因为硬编码（Hard-Coding）实现方式，不得不复制粘贴大量重复代码。这就导致：

改伤害公式要逐个技能调整
角色基础属性变化时容易遗漏部分技能
特效团队需要反复询问技能触发时机

通过观察 MOBA 和 MMO 游戏，我发现所有技能都包含三个基本模块：

触发条件（Trigger Condition）
冷却时间（CD）检查
法力值（MP）消耗判定
施法距离验证
效果执行（Effect Execution）
即时伤害 / 治疗
持续效果（Buff/Debuff）
位移或召唤单位
冷却管理（Cooldown Management）
独立 CD 和公共 CD
CD 重置和加速机制

图示：通过继承 ISkillTemplate 接口实现多态

下面用 TypeScript 实现一个支持暴击和元素克制的火球术：

// 定义技能效果策略接口
interface IDamageStrategy {calculate(baseDamage: number): number;
}

// 实现火元素暴击策略
class FireCritStrategy implements IDamageStrategy {constructor(private critRate: number) {}

  calculate(baseDamage: number) {return Math.random() < this.critRate 
      ? baseDamage * 2 
      : baseDamage;
  }
}

// 技能模板基类
abstract class SkillTemplate {
  constructor(
    protected owner: Character,
    protected target: Character,
    protected damageStrategy: IDamageStrategy
  ) {}

  public execute(): void {if (!this.checkCondition()) return;
    this.applyEffect();
    this.startCooldown();}

  protected abstract checkCondition(): boolean;
  protected abstract applyEffect(): void;
  protected abstract startCooldown(): void;}

// 具体火球术实现
class FireballSkill extends SkillTemplate {protected checkCondition() {
    return this.owner.mana >= 30 
      && !this.owner.isInGlobalCooldown();}

  protected applyEffect() {
    const baseDamage = this.owner.intelligence * 1.5;
    const finalDamage = this.damageStrategy.calculate(baseDamage);
    this.target.takeDamage(finalDamage, 'fire');
    this.owner.consumeMana(30);
  }

  protected startCooldown() {this.owner.setCooldown('fireball', 5000);
  }
}

伤害计算：O(1) 常数时间
条件检查：O(1) 仅做数值比较
对象池查询：平均 O(1) 使用 HashMap 存储

频繁创建 / 销毁技能实例会导致 GC 压力，推荐方案：

预初始化 100 个技能实例
执行时从池中获取对象
技能结束后重置状态并放回池中

class SkillPool {private pool: SkillTemplate[] = [];

  public getSkill(type: string): SkillTemplate {const skill = this.pool.find(s => s.isAvailable);
    return skill || this.createNewSkill(type);
  }

  private createNewSkill(type: string): SkillTemplate {// 根据类型创建具体技能...}
}

当存在技能联动时（如：火球术触发点燃效果），建议使用发布订阅模式：

eventBus.on('SKILL_HIT', (data) => {
  if (data.skillType === 'fireball' 
      && data.target.hasBuff('oil')) {// 触发点燃效果}
});

当多个技能同时触发时，建议采用：

按技能类型设置优先级权重
相同优先级时根据释放时间排序
使用优先级队列（Priority Queue）管理

解决客户端预测（Client-side Prediction）与服务器校验的矛盾：

客户端立即播放特效但标记为 ” 未确认 ” 状态
服务器验证后广播最终结果
客户端根据结果修正或维持状态

要实现连招系统（Combo System），可以：

定义技能衔接规则表

{"skillA": ["skillB", "skillC"],
  "skillB": ["skillD"]
}

在技能结束时检查可衔接技能
提供视觉提示（如按钮高亮）

验证火球术的典型测试用例：

describe('FireballSkill', () => {it('should consume 30 MP', () => {const char = new Character({ mana: 40});
    new FireballSkill(char).execute();
    expect(char.mana).toBe(10);
  });

  it('should trigger cooldown', () => {jest.useFakeTimers();
    const char = new Character();
    new FireballSkill(char).execute();
    expect(char.isOnCooldown('fireball')).toBeTruthy();
    jest.advanceTimersByTime(5000);
    expect(char.isOnCooldown('fireball')).toBeFalsy();});
});

经过三个项目的迭代验证，这套模板系统帮助我们：