【包教包会】分享一个CocosCreator组件—

一、效果演示

二、如何获取

1、https://github.com/szrpf/ActionShadowDemo/archive/refs/heads/main.zip

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的全局变量

【包教包会】分享一个CocosCreator组件——动作残影相关推荐

用Python实现武侠小说中的武打动作残影特效
创作背景 "飞雪连天射白鹿,笑书神侠倚碧鸳",相信很多90后知道这副对联的含义,这是武侠小说作家金庸先生的作品合集,说实话在所有的作品中我最喜欢的是倚天屠龙记和天龙八部,应该说基本 ...
AI算法实现武侠小说中的“绝世武功”——动作残影特效！
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达‍‍‍‍‍‍‍ 二.创作背景 "飞雪连天射白鹿,笑书神侠倚 ...
【Unity】动作游戏开发实战详细分析-25-角色残影效果的实现
[Unity]动作游戏开发实战详细分析-25-角色残影效果的实现基本思路 Unity中的蒙皮网格组件提供了一个接口BakeMesh,允许我们拿到当前动画帧的网格数据,借此可对烘焙网格使用半透明的边缘 ...
Processing残影拖尾效果实现套路分享
今天小菜给大家分享下实现残影.拖尾效果的几种实现思路,或者叫固定套路,保准大家认真看完后,以后再也不怕实现残影.拖尾效果了. 本文字数比较多,且部分内容需要阅读代码加以思考,预计阅读10-15分钟.( ...
组件分享之后端组件——一个简单且高度可扩展的分布式文件系统seaweedfs
组件分享之后端组件--一个简单且高度可扩展的分布式文件系统seaweedfs 背景近期正在探索前端.后端.系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题 ...
组件分享之后端组件——Redis数据库的一个Go客户端redigo
组件分享之后端组件--Redis数据库的一个Go客户端redigo 背景近期正在探索前端.后端.系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类 ...
cocoscreator，RenderTexture实现残影效果
效果图如下: 实现方法: 1.将需要产生残影的物体单独设置为一个Group: 2.新建两个sprite,设置为和残影物体相同Group,一个用于显示当前帧的残影,一个保存上一帧的残影用于摄像机渲染,修 ...
分享一个基于Vue3+TS构建Cesium组件库
分享一个基于Vue3+TS构建Cesium组件库点击进入 Vue Cesium官网 //vc-navigation <template><el-row ref="view ...
ThreeJS基础代码段（四）运动残影
一.实际效果先看实际效果: 二.AfterimagePass.js 实现运动残影的方式有许多种,有博客中给出了processing的实现方式,代码很简单,效果也不错.这里分享之前实现此效果的另一种方 ...

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

【包教包会】分享一个CocosCreator组件——动作残影相关推荐

最新文章

热门文章