引言
哈喽大家好，我是亿元程序员，不知道小伙伴们还记得上面这款游戏吗？
这款游戏在智能触屏手机刚出来时，可谓风靡一时，火遍全球。
玩家通过手指在屏幕上滑动，模拟"切水果"的动作。
通过炫酷的刀光剑影效果，以及爽快的打击感、连击感让玩家充满快感。
不过，本期我们不研究这游戏如何实现，一起来看看其中"刀子"挥舞时，拖尾的特效如何实现。
本文源工程可在文末获取，小伙伴们自行前往。
什么是拖尾特效？
拖尾特效，简单来说，就是一个快速移动的物体在视觉上留下的、逐渐消失的运动轨迹。
它利用人眼的"视觉暂留"原理，通过计算机图形技术模拟出来，用于增强物体的速度感、动态感和视觉冲击力。
可以理解，拖尾特效的目的就是增加游戏的视觉体验以及交互体验。
那么，我们应该如何实现拖尾效果呢？
Cocos : 开箱即用
在Cocos游戏开发中，想要实现拖尾效果，它为我们提供了现成的组件可以使用。
这个组件 就是MotionStreak(拖尾组件)。
MotionStreak（拖尾）是运动轨迹，用于在游戏对象的运动轨迹上实现拖尾渐隐效果。
它的使用方法 也非常简单，直接点击添加组件搜索，然后选择Effects下的MotionStreak即可完成添加。
添加后，我们只需要提供一张拖尾效果的贴图，即可开箱即用。
除此之外，它还提供了一些可以自定义的属性，方便我们调整拖尾的实际效果。
属性这么多，都是怎么用的呢？
拖尾效果实战
且不说官方提供的组件好不好用、性能怎么样，我们先一起来用用看。
1. 资源准备
简单找一辆飞机，光晕、彩虹纹理，我们通过拖尾组件实现飞机的"尾气"效果。
2. 拼UI
然后 简单地拼接一下我们的UI，详情如下：
- Label_Info：简单的说明，方便观众理解。
- Player：飞机和拖尾效果的父节点，放置主脚本。
- Visual：飞机的精灵部分。
- StreakNode : 放置拖尾组件，因为拖尾组件不能和渲染的组件一起使用，所以单独一个节点。
拼接完成后，为了有更好的展示效果，我们先让飞机动起来。
3. 动起来
拖尾 特效的前提是拖尾的物体需要先"运动"起来，我们简单地在update里面让飞机围着中心飞起来：
效果如下：
飞机就这样华丽丽地转起来了，下面我们就可以添加拖尾效果了。
4. 尾气
拖尾效果的只需要我们把拖尾用到的光晕贴图设置好就能够实现。
效果如下：
好像有点太单调了，我们换个彩红贴图。
5. 彩红尾气
和上面光晕一样，我们只需要换个贴图就可以看到效果。
效果如下：
飞机在天空中划出一道彩虹，美中不足的是有点太小了。
拖尾的效果如何调整？
6. 拖尾属性调整
上面我们看到组件提供了许多可以自定义的属性，下面我们一起来看看。
如上图，我们对拖尾的宽度、消失时间和颜色进行调整，调整后效果如下：
有的小伙伴可能觉得每次都要运行之后调整，有点麻烦，所以组件提供了预览功能，不需要运行也可以查看效果。
7. 效果预览
效果预览 只需要把Preview熟悉勾上即可。
然后在场景编辑器拖动飞机即可看到拖尾效果：
结语
以上就是拖尾组件开箱即用的全部体验。
不知道小伙伴们有没有用过这个组件呢？分享下你们的用后感~
本文源工程 可通过私信 发送 motionstreak 获取，更多实用源码可通过阅读原文查看，感谢小伙伴们的支持。
我是"亿元程序员"，一位有着8年游戏行业经验的主程。在游戏开发中，希望能给到您帮助, 也希望通过您能帮助到大家。
AD:笔者线上的小游戏《打螺丝闯关》《贪吃蛇掌机经典》《重力迷宫球》《填色之旅》《方块掌机经典》大家可以自行点击搜索体验。
实不相瞒，想要个赞 和爱心 ！请把该文章分享给你觉得有需要的其他小伙伴。谢谢！
推荐文章：