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

一、效果演示

效果演示0

效果演示1

二、如何获取

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

2、解压,导入cocos creator(版本2.4.11),可以直接运行Demo演示

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

0

4、自己项目中,给想要残影的节点(通常是预制体根节点)添加ActionShadow组件

2

5、搞定!运行一下试试

效果演示2

三、注意事项

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

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

3、灵活开启 / 关闭残影

2

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

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

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

四、结束语

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

包教包会,你会了吗?

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

GitHub地址:szrpf · GitHub

EMail地址:27185709@qq.com

推荐链接:

1、【包教包会】DataBoard监控一切的数据看板,这年头做游戏哪有不开挂的

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

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

35赞

mark~

nice__

mark!

marks

marks

这个很有用 mark下

太酷啦,感谢分享

makemake

牛逼plus

mask~~~~

mark~

mark~

实在是泰裤辣!

泰库辣,mark~~~~~

下载地址:https://github.com/szrpf/ActionShadowDemo/archive/refs/heads/main.zip

【补充说明】为了让残影被当前节点遮挡,ActionShadow组件会在当前节点同层级上方生成残影节点

直接将ActionShadow添加在根节点,会导致残影节点暴露在当前节点外面,引起不必要的麻烦。
3
因此,务必将ActionShadow组件添加在二级节点上,而不是根节点。

4

3赞

我用的是3.7.3 自己做的序列帧动画,请问可以改吗?

我没用过3.x,你自己改一下吧
在ShadowData里加个z坐标,照样画葫芦就行
至于动画,只要是用Animation组件,无论是不是帧动画都一样,因为ActionShadow的实现原理就是复制本体(包括他的动画组件),本体怎么播动画,复制出来的残影就怎么播

暂时用不到 先mask

spine能用嘛