使用Egret粒子编辑器实现烟雾效果

今天这篇文章主要是记录我自己使用Egret Feather做的一个烟雾效果,分享给初学Egret的小伙伴。

Egret Feather下载地址: https://www.egret.com/products/others.html#egret-feather
Egret Feather使用手册:
http://developer.egret.com/cn/github/egret-docs/tools/Feather/manual/index.html

首先上面的状态栏,见名知意,没什么介绍的。要提的是文件里导入导出自己做的粒子系统,都要遵循Egret Feather规则,即导入导出都是json文件,做烟雾效果,我用的是这张图片


纹理:最好选择一张素图,即颜色为黑白灰组成的图片,类似于图片所示

颜色:颜色主要分为开始颜色和结束颜色,即粒子一个生命周期的开始到结束的缓慢变化。效果主要体现在透明度,和透明度浮动,关于浮动下文会做出详细解释。

动作属性:动作属性主要体现在粒子的物理效果,例如运动,加速,减速,下落等等,都是有动作属性来完成的。如果物理方面看到就头疼,我们Feather也是帮你做了可视化的动作属性,下图

可视调节区:笔者刚用Feather的时候也是看到动作属性无法下手,在可视化调节大量减少了计算问题,在开发过程中如虎添翼,只要鼠标轻轻点击选择方向,就可以了。


基本属性:可以说一个粒子特效全看这些基本属性了,连接上文说到浮动,浮动通俗的的说比如,你去买了一个玉米,你朋友问你你的玉米多长呀?30cm左右吧,左右即为浮动,在细一点以30为基础,浮动为5,那么这根玉米的取值范围就为就是25--35。理解了浮动再去调节这些基本属性就不再困难了。需要注意的是,发射时长为-1的话,是无限发射。
效果图如下:

在wing中使用粒子特效
首先在egretProperties.json中引入第三方库(把第三方库的libsrc文件夹放在和项目同级的目录中),其次把从feather导出的文件配置到default.res.json中

然后下图操作就可以拿到你的粒子效果了

this.pater.start();控制粒子效果开始
this.pater.stop();控制粒子效果停止
本文源码地址:https://github.com/shenysun/pat_yanwu

原文地址:http://blog.51cto.com/11960887/2150330

时间: 2024-10-14 00:37:41

使用Egret粒子编辑器实现烟雾效果的相关文章

6 cocos2dx粒子效果,类图关系,系统原生粒子和自己定义粒子效果,粒子编译器软件,爆炸粒子效果,烟花效果,火焰效果,流星效果,漩涡粒子效果,雪花效果,烟雾效果,太阳效果,下雨效果

?? 1 粒子 演示样例 2 类图关系 3 系统原生粒子 CCParticleSystem 全部粒子系统的父类 CCParticleSystemPoint. CCParticleSystemQuad 点粒子和方形粒子系统,都继承了CCParticleSystem的全部属性 CCParticleExplosion 爆炸粒子效果 CCParticleFireworks 烟花粒子效果 CCParticleFire 火焰粒子效果 CCParticleMetepr 流行粒子效果 CCParticleSpi

6 cocos2dx粒子效果,类图关系,系统原生粒子和自定义粒子效果,粒子编译器软件,爆炸粒子效果,烟花效果,火焰效果,流星效果,漩涡粒子效果,雪花效果,烟雾效果,太阳效果,下雨效果

 1 粒子 示例 2 类图关系 3 系统原生粒子 CCParticleSystem 所有粒子系统的父类 CCParticleSystemPoint. CCParticleSystemQuad 点粒子和方形粒子系统,都继承了CCParticleSystem的所有属性 CCParticleExplosion 爆炸粒子效果 CCParticleFireworks 烟花粒子效果 CCParticleFire 火焰粒子效果 CCParticleMetepr 流行粒子效果 CCParticleSpira

HTML5粒子编辑器

写在前面 大家阅读此文之前,可以先看一篇MiloYip的文章:用JavaScript玩转游戏物理(一)运动学模拟与粒子系统,看完之后再看此文,更加容易理解. MiloYip使用的粒子是canvas中绘制的圆,还有一些粒子效果是基于 像素级别的,如:火焰字 ,但是使用像素的计算成本太大,因为需要的粒子数量太多,甚至要配合一些nosie算法,如(perlin nosie),计算量太大. 所以一般会先设计好粒子的纹理(每个纹理假设是32*32,一个粒子就包含了九百多个像素了),这样需要的粒子个数不多,

cocos2dx 免费粒子编辑器比较选择

做Cocos2dx项目的时候用到粒子,cocosstudio中没有粒子编辑器,想找一个粒子编辑器使用,于是网上狂搜一番,发现了好多免费的编辑器,发现了记得很早的时候用过的一款编辑器免费的粒子编辑器,愉快的下载下来赶紧打开编辑器开始了一番属性编辑,终于编辑出了想要的效果,保存加入游戏中,发现游戏 直接崩溃,试了好几次不行, 猜想估计是版本太老,放弃了: 继续找又发现一个在线的粒子编辑器,又是一番编辑->保存->加入游戏,结果没崩溃,但是跟编辑器中的效果差别太大:继续酷毙的找,好多都是不理想, 最

Photoshop合成教程:合成超赞的骷髅烟雾效果

[ps合成骷髅烟雾效果制作]本教程合成的效果非常生动.作者用一些烟雾来合成头像.创意不错,合成的难度较大.整个制作流程:先找到要表现的头像素材,用滤镜等边缘提取出来,然后适当的加工变得有点烟雾的感觉.最后用一些烟雾素材融合进去,加强烟雾的浓度.不错的效果就完成了. 最终效果 ? 1.打开吸烟者的图像. 2.开打骷髅的图像,利用钢笔工具沿着其边缘抠出图形.然后再利用图案图章工具修补一下图案把那些螺栓去掉(选择软边画笔).按ctrl+enter,把路径变为选区,然后去掉多余的部分.编辑>变换>水平

10.粒子编辑器ParticleEditor中使用自己的纹理的方法。

ParticleEditor这款粒子编辑器还是挺好用的,下载地址:https://github.com/fjz13/Cocos2d-x-ParticleEditor-for-Windows 要使用自己的纹理,还是需要一些步骤的: 第一步: 将资源文件放置于ParticleEditor文件夹下. 第二步: 如上图,在纹理渲染中的TexturePath属性中,输入图片纹理的名字,并将TextureImageData属性值置空. 第三步: 如上图把编辑器的IsSaveTextureImageData的

Cocos2d-x 粒子编辑器 Particle Studio 争做 Windows Particle Designer 源码

1.Particle Studio介绍 很早发现一款粒子编辑器叫Particle Designer,不知道为什么它没有Windows版本.所以我就在Windows下基于Qt做了一个粒子编辑器.之前有款叫Particle Builder也做得不错,也参考了下它的界面设计.名称想了很久,就叫Particle Studio吧.目前只支持Cocos2d-x. Particle Studio 比较有特色的功能: 1.完全免费使用全部功能! 2.拥有在线的粒子库.还在苦苦制作粒子?赶快来看下是否已经有你想要

ANDROID模拟火花粒子的滑动喷射效果

转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),谢谢支持! 开篇废话: 年前换了一个手机,SONY的Z3C.这个手机在解锁屏幕时有一个滑动动画,类似火花的粒子喷射,效果很炫... 于是尝试着模拟了一下,完成后效果如下图(还有很多细节没有实现):    SurfaceView: 因为surfaceview是使用的双缓冲机制,所以很适合绘制这种需要不停变换的画面. 下面我从网上copy了几条关于SurfaceView的一些特性(已经表明了出处),因为

cocos2d-js 免安装在线版 粒子编辑器 particle editor particle builder 兼容pex和plist

http://onebyonedesign.com/flash/particleeditor/ 这个原来是为flash starling设计的粒子系统编辑器,但实际上,还是能兼容cocos2d的. 只需要选中Export按钮下方的“include .plist file”. 在Cocos2d中使用更简单,只需要简单2句代码. var emitter = new cc.ParticleSystem("res/particle.plist"); this.addChild(emitter)