大家好! 我正在工作一套 Sprite 和animation 系统，我想分享一下未来版本 v0.3.0 的快速预览。

什么新功能

Sprite 渲染器
你现在可以直接使用sprite sheet:

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

你可以裁剪和调整sprite尺寸任意你想要的。

Animation 系统
用它来 animates sprites：

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

系统基于四个主要部分：

AnimationClip -> AnimatorController -> AnimatorComponent -> SpriteComponent
  • AnimationClip:将sprite sheet分割成frame，并定义动画
  • AnimatorController:使用参数来管理动画状态和转换
  • AnimatorComponent:使用控制器来播放动画
  • SpriteComponent:在屏幕上渲染全部

未来计划

  • 动画事件
  • 逻辑分组/宏
  • 混合树

非常感谢大家对未来 Sprite & animation 系统的反馈！