前言

本文简介cocos的MotionStreak组件，该组件非常方便的实现了一个拖尾效果，配合粒子能够实现非常好看的效果，本文则从使用上介绍一下，以后有机会的再深度剖析一下原理

小例

local ms = cc.MotionStreak:create(0.3, 13.8, 80.1, cc.c3b(255,255,255), "0001.png")
self:addChild(ms, 1000)
ms:setPosition(360,300)
ms:runAction(cc.RepeatForever:create(cc.Sequence:create(cc.MoveTo:create(1, cc.p(360,900)), cc.MoveTo:create(1,cc.p(360,300)))))

可以从资源图片看到，静态图片能够表现出拖尾的效果，并且贝塞尔运动曲线也能很好的表现出来

创建和传参

static MotionStreak* create(float timeToFade, float minSeg, float strokeWidth, const Color3B& strokeColor, const std::string& imagePath);

static MotionStreak* create(float timeToFade, float minSeg, float strokeWidth, const Color3B& strokeColor, Texture2D* texture);

c++内的结构主要提供了两种创建方式，区别就是一个传纹理路径，一个直接传的纹理，现在介绍一下参数的作用

timeToFade

作用是控制拖尾效果的存在时间，设置长了，可以让拖尾路径更长，下边是延长时间的效果

local ms = cc.MotionStreak:create(1, 13.8, 80.1, cc.c3b(255,255,255), "0001.png")

minSeg

拖尾效果其实并不是线性的，是一段段的链接起来的综合效果，这个参数就是设置每一段之间的最小距离，设置大了之后，拖尾会变的没有那么顺滑，转而是跳跃性变的更大，如下所示

local ms = cc.MotionStreak:create(0.3, 80, 80.1, cc.c3b(255,255,255), "0001.png")

strokeWidth

这个就很简单了，就是拖尾效果的宽度，效果如下所示

local ms = cc.MotionStreak:create(0.3, 13.8, 200, cc.c3b(255,255,255), "0001.png")

strokeColor

这个也简单，改变拖尾的颜色，我们变个色，效果如下

local ms = cc.MotionStreak:create(0.3, 13.8, 80.1, cc.c3b(255,255,0), "0001.png")

推送

Github

https://github.com/KingSun5

结语

用法很简单，配合粒子后效果也很不错，在特定情况下能剩下很多资源，可以试试，等的空了，在整一篇研究一下实现原理，若是觉得博主的文章写的不错，不妨关注一下博主，点赞一下博文，另博主能力有限，若文中有出现什么错误的地方，欢迎各位评论指摘。
本文属于原创文章，转载请著名作者出处并置顶！！

cocos：MotionStreak拖尾渐隐效果相关推荐

JS-鼠标彩色拖尾小效果
实现步骤解析: * 这原本就是一个鼠标后面跟随一串小方块的效果, * 后来我就想,运用之前学的随机数的案例把小方块的颜色做成彩色的, * 并且每一个小方块的色彩是随机分配而不是我自己手 ...
html+js+css 调用jquery 工人信息管理功能（增删改查）前端实现，以及调用实现鼠标拖尾粒子效果的js库
html + js + css 调用jquery以及underscore.min.js(配合代码实现鼠标粒子效果)实现全前端信息管理基本功能(增删改查) 先附上我运行的一段视频,手机打开清晰一点或者直 ...
鼠标实现物体拖动带拖尾的效果
今天,小编为大家分享一下,用鼠标拖动物体,还带一个小尾巴效果哈![+V:Anime__King] 1.新建一个unity项目,新建一个测试场景.一个MoveTo.cs类附加在GameObject(命名 ...
Cocos Creator 的实现拖尾效果
在游戏中,有时会需要在某个游戏对象上加上移动后的轨迹若隐若现的效果.使得游戏的效果较好,比如游戏大招,刀光,法术,流星划痕之类. Cocos Creator提供了一种内置的拖尾渐隐效果的实现方法:组件 ...
HTML5 canvas 拖尾效果（或尾巴或方向标或留痕。。。）
[canvas]带拖尾效果的旋转扩散使用 HTML5 canvas 制作一个圆形的拖尾,以及附加上拖尾的扩散效果我说说的拖尾,就是拖着一个尾巴,其他简短的名词暂时想不到了.下图效果弄出来,着实费劲 ...
html鼠标拖尾效果,Canvas实现特效（一）：粒子拖尾
粒子特效效果: 作一新求抖直微圈先图一框发互会理工.择各近些架现跳轻机审蓝器为了实现粒子在运动轨迹上所留下的尾巴效果,在网上看见有一位网友是在上一帧的基础之上,加上了一层半透明蒙层.也就是rg ...
Unity 愤怒的小鸟拖尾效果——基于Pocket RPG Weapon Trails插件
Pocket RPG Weapon Trails 武器拖尾插件前言导入插件给小鸟加入子物体并添加拖尾WeaponTrail脚本接下来给小鸟加入TestMyTrail脚本控制拖尾的开始和结束时间 ...
processing制作熊猫头像跟随鼠标拖尾
先上效果图: 我演示时电脑有点卡所以看着有些顺畅,你的电脑应该是没有问题的. processing实现跟随鼠标拖尾其实不难,在这篇文章中我将介绍图案封装.封装图案整体缩放.数组的创建方法以及一些逻辑处 ...
Unity 刀光拖尾生成
在游戏中,我们经常会看到角色挥动武器的时候,拖尾的效果,以及折射扭曲.在Unity开发中大家可以使用RPG Pocket插件或者其他的插件,在这里主要是给大家介绍一下其生成原理. 首先,在舞动刀的时候 ...

cocos：MotionStreak拖尾渐隐效果

目录

前言

小例

创建和传参

推送

结语

cocos：MotionStreak拖尾渐隐效果相关推荐

最新文章

热门文章