【包教包会】CocosCreator动作残影升级版——支持Spine、原生、合批-程序员宅基地
一、效果演示
二、如何获取
1、https://gitee.com/szrpf/ActionShadow
2、解压，导入cocos creator（版本2.4.13），可以直接运行Demo演示
3、单独复制Demo中的ActionShadow.ts文件到自己的项目代码目录
4、自己项目中，给想要残影的节点添加ActionShadow组件
5、搞定！运行一下试试
三、实现思路
1、通过ActionShadow组件，自动在本体上面创建一个ActionShadow节点，复制N个本体节点添加到ActionShadow下作为残影。
这样做是为了保证所有残影都被本体遮挡，缺点是残影节点暴露在外面。
2、移除残影节点上不必要的组件，只保留动画相关的组件。
这样做的目的是为了避免残影运行不必要的组件，不但浪费性能，而且还可能出现ActionShadow组件循环执行。
3、将本体的位置、缩放、旋转角度、动画帧等关键信息记录在一个ShadowData数组里，数组长度 = 残影数量*延迟时间。
每次update都往数组插入一条最新的本体数据，并移除最老的那条数据。
更新ShadowData数组，用到了“冒泡法”来提高效率：
从数组末尾开始遍历
第 i 个元素 = 第 i-1个元素
第 i-1 个元素 = 第 i-2 个元素
……
第 1 个元素 = 第 0 个元素
循环结束；
最后让第 0 个元素 = 本体最新数据。
4、所有残影根据排序、延迟时间等信息查询ShadowData数组，取到对应下标的数据后，更新位置、缩放、旋转角度、当前动画名称、当前播放第几帧，然后播放动画。
这里抠了一波细节：
其实残影并不需要真正播放动画，只要根据ShadowData记录的动作名称 和 当前帧，把残影摆出这个Pose就可以了，因为下次update残影又会根据ShadowData摆出新Pose。
因此，并没有直接调用cc.Animation的play函数 和 Spine的setAnimation函数，而是根据源码逻辑，直接设置动作和帧数，提高性能。
四、注意事项
1、建议：新建一个总节点，将本体作为他的子节点。
然后再添加ActionShadow组件，这样残影节点会生成在总节点内部，不会暴露在外面。
2、如果修改了本体的动画文件，需要刷新一下残影节点才可以让残影动画同步，刷新方法是切换到VSCode保存一次再回到Creator。
3、修改残影颜色，是修改属性面板的“残影颜色”属性，而不是节点颜色。
如果本体的cc.Animation动画中对动画的子节点color属性做了动画，那么修改残影颜色会被动画顶掉，导致不生效。
4、灵活开启 / 关闭残影
设置组件的isActive = false，可以关闭残影。
设置组件的isActive = true，除了重新打开残影外，还会初始化残影位置到本体。
五、结束语
有不明白的，或者优化建议，可以留言评论，或给我发邮件！
包教包会，你会了吗？
创作不易，请多留言讨论，这样我会有动力发更多好玩的东西上来。
EMail地址：[email protected]
1、【包教包会】Assembler经典案例第一期——2D实现3D翻转（附Demo源码）
2、【包教包会】对CocosCreator拖尾组件MotionStreak做了全面优化
4、【包教包会】CocosCreator怎么用namespace实现类似于cc的全局变量
5、【极简攻略】定制CocosCreator引擎，仅需20秒
智能推荐
springboot接收枚举值的默认方式_springboot get请求怎么接收前端传递的枚举数字-程序员宅基地
文章浏览阅读1.6k次。测试代码：@PostMapping() public void test(@RequestBody Student student){ System.out.println(student.getLover().name()); }class Student{ private Lover lover; public Lover getLover() { return lover; } public void setLover_springboot get请求怎么接收前端传递的枚举数字
【数学建模笔记】【第七讲】多元线性回归分析（二）：虚拟变量的设置以及交互项的解释，以及基于Stata的普通回归与标准化回归分析实例_stata两个虚拟变量的交互项-程序员宅基地
文章浏览阅读1.5w次，点赞24次，收藏120次。简单来说就是去量纲后的回归（因为你要比较不同变量之间的显著性的大小，那么带着量纲怎么比，所以先把量纲去掉，然后再比较）官话：为了更为精准的研究影响评价量的重要因素（去除量纲的影响），我们可考虑使用标准化回归系数。_stata两个虚拟变量的交互项
mysql-程序员宅基地
文章浏览阅读203次。有时候安装mysql后使用mysql命令时报错 Can't connect to MySQL server on localhost (10061)，或者用net start mysql 时报服务名无效，一般是因为mysql服务没有启动。这时候可以用管理身份运行cmd.exe(注意必须是管理..._c:\program files\mysql\mysql server 5.6\bin>mysqld --install install/remove
亚信科技java笔试题答案_亚信笔试题卷以及答案.docx-程序员宅基地
文章浏览阅读6.2k次，点赞3次，收藏44次。亚信联创科技校园招聘B 卷考试时间60_分钟 _考试方式(闭)卷(本试卷满分 100 分，答案请写在答题卡上)请不要在问卷上答题或涂改，笔试结束后请务必交回试卷部分内容分值备注一、计算机基础40分C/C++语言基础40分技能部分二、二选一JAVA 语言基础40分三、数据库20分总分100 分第一部分——计算机基础一、选择题(每题 2 分，总分 40分)1.CPU 状态分为目态和管态两种..._亚信科技java实习笔试题
三线城市程序员的薪资待遇怎么样？我分享提高java技术水平的几个方法_三线城市学java-程序员宅基地
文章浏览阅读1.3k次。3年对一个程序员来说是非常重要的。像我自己本身就是做程序员的，目前的薪资待遇是13K左右，虽然在我所在的公司不是最高的，但在所在的这个城市的消费水平来说，除了日常的开支，包括房租、水电、伙食、人际交往等费用之外，还能留下一部分闲钱自己存起来。不同城市的薪资待遇是不一样的，这主要是由于当地的消费水平和经济发展水平不同，所以如果你想要更高的薪资待遇，就要考虑在一线城市或者经济发达的城市工作。一个有着丰富工作经验的程序员，他的技能水平、经验和能力都比没有经验的程序员更加出色，所以他们的薪资待遇也会更高一些。_三线城市学java
Unity渲染顺序相关学习_unity overlaycamera depth-程序员宅基地
文章浏览阅读975次。1、camera（depth越小，越先渲染）2、sorting layer（值越小，越先渲染）（下面还有个sortingOrder 值越小，越先渲染）3、渲染队列renderQueue（值越小，越先渲染）4、深度值（距离相机越近该值越小，越远该值越大。）..._unity overlaycamera depth
随便推点
软件测试风险追踪表_软件测试风险管理表格-程序员宅基地
文章浏览阅读430次。软件测试风险追踪表风险追踪表 项目名称： 填制人： 编号 风险描述 影响 风险等级 发生的可能性 应对策略 状态 责任人 备注 ..._软件测试风险管理表格
AAC ADTS封装实现-程序员宅基地
文章浏览阅读1.2k次。一、AAC音频格式种类有哪些AAC音频格式是一种由MPEG-4标准定义的有损音频压缩格式。AAC包含两种格式 ADIF（Audio Data Interchange Format音频数据交换格式）和ADTS（Audio Data transport Stream音频数据传输流）。ADIF特点：可以确定的找到音视频数据的开始，不需要进行在音视频数据流中间开始的解码，它的解码必须在明确的定义开始。应用场景：常用在磁盘文件中。ADTS特点：具有同步字的比特流，解码可以在这个流中任何位置开始。类似于mp_aac adts
Unity基础概念_unity基本概念-程序员宅基地
文章浏览阅读213次。像要使用Resouce类，必须创建一个 Resouce 文件夹，然后把需要的资源放进去，才可以在代码中设置路径进行访问_unity基本概念
在gitlab中指定自定义 CI/CD 配置文件_gitlab配置cicd-程序员宅基地
文章浏览阅读2.4k次。指定自定义 CI/CD 配置文件，顾名思义就是在项目中指定文件来代替默认的.gitlab-ci.yml文件的方式来运行流水线。以往我们在使用流水线的时候，都是默认将.gitlab-ci.yml文件存在在项目的跟路径下，但是我们也可以指定备用文件名路径，或者不想在每个项目中来维护这个yml文件，那么通过自定义 CI/CD 配置文件便可以实现。_gitlab配置cicd
mysql出现#1063 - Incorrect column specifier for column 'id'的解决方法_sql 错误 [1063] [42000]: incorrect column specifier -程序员宅基地
文章浏览阅读1w次。出现这个表示如果设置了自动增长，字段类型应该设置为int整型。_sql 错误 [1063] [42000]: incorrect column specifier for column 'id' incorrec
java getlength_JAVA RSA-DerInputStream.getLength(): lengthTag=127, too big.-程序员宅基地
文章浏览阅读1k次。RSA 加载公钥时： Caused by: java.security.InvalidKeyException: IOException: DerInputStream.getLength(): lengthTag=127, too big.加载公钥代码段：public static String getPubKeyByCer(String cerPath){String pubKey = "";..._java.security.invalidkeyexception: ioexception : derinputstream.getlength():