资讯专栏INFORMATION COLUMN

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

callmewhy / 834人阅读

摘要:今天这篇文章主要是记录我自己使用做的一个烟雾效果下载地址使用手册首先上面的状态栏,见名知意,没什么介绍的。动作属性动作属性主要体现在粒子的物理效果,例如运动,加速,减速,下落等等,都是有动作属性来完成的。

今天这篇文章主要是记录我自己使用Egret Feather做的一个烟雾效果
Egret Feather下载地址: https://www.egret.com/product...
Egret Feather使用手册:
http://developer.egret.com/cn...

首先上面的状态栏,见名知意,没什么介绍的。要提的是文件里导入导出自己做的粒子系统,都要遵循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/p...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/58050.html

相关文章

  • 初探Egret3D——白鹭引擎架构师王泽演讲实录

    摘要:白鹭引擎作为整体来支持。白鹭引擎在年前刚发布的时候是一款引擎。为了解决这个问题,白鹭引擎的解决方案是为开发者提供一款编辑器。 10月19日,白鹭开发者沙龙武汉站在武汉未来梦境空间举办。白鹭引擎首席架构师王泽在现场以《初探Egret3D》为题为到场的开发者介绍了Egret3D引擎,我们整理了现场速记分享给大家,详见下文: 王泽:各位开发者下午好,今天我为大家分享的题目是《初探Egret ...

    RobinQu 评论0 收藏0
  • 白鹭引擎王泽:重度H5游戏性能优化技巧标题的文章

    摘要:据不完全统计,这五年中,白鹭引擎累计运转的游戏和微信小游戏的流水数据约为亿。 我们的引擎架构师做某一沙龙活动的演讲速记,纯纯的干货,分享给大家。 王泽:各位开发者下午好!我叫王泽,是白鹭引擎的首席架构师。 今天给大家分享的题目是《重度H5游戏性能优化技巧》。之所以决定用这个题目,是因为我最近几周在广深一带拜访了很多使用白鹭引擎的开发者,发现特别是在广州一带,大部分开发者都在做重度H5游...

    xbynet 评论0 收藏0
  • 使用Egret插件压缩代码包体积,减少请求数量的实战教程

    摘要:结语本文通过使用,,,,插件,使项目发布到微信小程序之后的代码包体积减小,用户发起的请求数变少,且将代码混淆压缩。 在白鹭引擎发布了5.2.7版本中新增加了命令行,增加自动合图插件TextureMergerPlugin功能。今天,我们以一个EUI案例来展示自动合图插件的具体使用方法和注意事项。 此外,我们在本文还融入了UglifyPlugin、ResSplitPlugin、ZipPlu...

    Baaaan 评论0 收藏0
  • iOS开发UI篇--iOS动画(Core Animation)总结

    摘要:能够检测动画的执行和结束。关键帧动画中的执行路径过渡动画的动画类型,系统提供了四种过渡动画。关键帧动画和都属于的子类。里面的元素称为关键帧。动画对象会在指定的时间内,依次显示数组中的每一个关键帧可以设置一个让层跟着路径移动。 一、简介 IOS 动画主要是指Core Animation框架。官方使用文档地址为:Core Animation Guide。Core Animation是IOS...

    miracledan 评论0 收藏0
  • 可能是最全的前端动效库汇总

    摘要:非常的庞大,而且它是完全为设计而生的动效库。它运行于纯粹的之上,是目前最强健的动画资源库之一。可能是创建滚动特效最好用的工具,它支持大量的浏览器,只要它们支持和特性。可以通过安装吊炸天了,接近现实生活中的物理运动碰撞惯性动画库。 收集日期为2019-02-28,★代表当时的该项目在github的star数量 Animate.css 56401 ★ 一个跨浏览器的动效基础库,是许多基础动...

    afishhhhh 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<