【包教包会】零代码实现CocosCreator动作残影（能模仿本体动画）

已发布最新升级版：【包教包会】CocosCreator动作残影升级版——支持Spine、原生、合批

一、效果演示

二、如何获取

1、https://gitee.com/szrpf/ActionShadow

2、解压，导入cocos creator（版本2.4.11），可以直接运行Demo演示

 3、单独复制Demo中的ActionShadow.ts文件到自己的项目代码目录

 4、自己项目中，给想要残影的节点添加ActionShadow组件。

为了让残影被当前节点遮挡，ActionShadow组件会在当前节点同层级上方生成残影节点

直接将ActionShadow添加在根节点，会导致残影节点暴露在当前节点外面，引起不必要的麻烦。

因此，务必将ActionShadow组件添加在二级节点上，而不是根节点。

 5、搞定！运行一下试试

三、注意事项

1、如果修改了本体的cc.Animation动画，那么需要删除ActionShadow后重新添加一次，才可以让残影的动画同步更新。

2、如果本体的cc.Animation动画中对节点的color属性做了动画，那么修改残影颜色无法影响该节点。

3、灵活开启 / 关闭残影

   设置组件的active = false，可以关闭残影。

  设置组件的active = true，除了重新打开残影外，还会初始化残影位置到本体。

  注意，是组件的active，而不是节点的active。

四、结束语

有不明白的，或者优化建议，可以留言评论，或给我发邮件！

包教包会，你会了吗？

创作不易，请多留言讨论，这样我会有动力发更多好玩的东西上来。

GitHub地址：https://github.com/szrpf

EMail地址：27185709@qq.com

 推荐链接：

1、【包教包会】分享一个CocosCreator的神级组件DataBoard，大幅提升开发效率！

2、【包教包会】分享一个CocosCreator实用组件EffectBar，炫酷的特效进度条

3、【包教包会】分享一个CocosCreator组件——动作残影

4、【包教包会】分享一个CocosCreator实用组件——Previewer预览器

5、【包教包会】CocosCreator怎么用namespace实现类似于cc的全局变量