大家好！我正在开发一个精灵和动画系统，想分享一下版本 v0.3.0 有哪些变化。

新功能

精灵渲染器
你可以直接使用精灵sheet了：

player.addComponent("renderer", new SpriteComponent({
  image: "./assets/player_sheet.png",
}));

你可以自由裁切和调整精灵大小。

动画系统
用以下方式来精灵动画：

player.addComponent("animator", new AnimatorComponent({ controller }));

系统由四个主要部分组成：

AnimationClip -> AnimatorController -> AnimatorComponent -> SpriteComponent
  • AnimationClip: 把精灵sheet分成帧并定义动画
  • AnimatorController: 使用参数管理动画状态和过渡
  • AnimatorComponent: 根据Controller播放动画
  • SpriteComponent: 在屏幕上渲染所有内容

未来计划

  • 动画事件
  • 过渡组合/宏
  • 混合树

想得到很多关于即将发售精灵 & 动画系统的反馈！