进展更新：动图系统在我的ECS游戏引擎中（kernelplay-js）

大家好！我一直在努力完善Sprite和动画系统，我想分享一下版本v0.3.0即将发布的预览内容。

什么新

Sprite渲染器

您可以直接使用精灵表：

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

您可以裁剪和调整精灵大小任意方式。

动画系统

用以下代码来动画您的精灵：

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

整个系统基于四个主要部分：

动画剪辑—->控制器—->组件—->精灵组件

• 动画剪辑: 将精灵表分成帧，并定义动画
• 控制器: 使用参数管理动画状态和转换
• 组件: 根据控制器播放动画
• 精灵组件: 渲染所有东西

未来计划

• 动画事件
• 过渡分组/宏
• 拼接树