Egret之粒子系统

简介:

使用Egret土特产Egret Feather粒子编辑器 。 导出流星粒子特效如下如下:

wKiom1nUWy7xc6bqAABXo72xVUU415.png-wh_50

导出2个文件 :

wKiom1nUYYvDDKFVAABJuQfQJ3w222.png-wh_50

一 , 准备工作 :加入粒子模块 , 粒子系统在第三方库里面。所以需要下载第三方库加入到项目里面

①:下载第三方库

wKiom1nUjqHhnQaYAADSkb525zg072.png-wh_50

②:加入到项目(这里我只是将库放在与项目平级的目录里面,而且我只是取出了)

wKioL1nUjoCjGQYWAABeEw-Ppe8513.png-wh_50

③:在egretProperties.json的配置

wKioL1nUj87T_PdbAAA6y-aSZ48546.png-wh_50

④:使用egret build -e命令

wKiom1nUkELwKU8EAAB-tCENEiE439.png-wh_50


关于粒子核心

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
module app {
  export class ParticleView extends eui.Component implements eui.UIComponent{
   private particleSys : particle.GravityParticleSystem;
   public constructor() {
    super ();
    this .skinName =  "resource/eui_skins/ParticleE.exml" ;
   }
   protected partAdded(partName : string , instance : any):void{
    super .partAdded(partName , instance);
   }
   protected childrenCreated():void{
    super .childrenCreated();
    this .startSyncLoadLizi();
   }
   private startSyncLoadLizi() : void{
    this .syncLoadLizi( "plizi_json" );
   }
   private syncLoadLizi( resName : string ) : void{
    var  self =  this ;
             RES.getResAsync(resName,
                 function (data: any,key: string): void {
                     if (key ==  "plizi_json" ) {
                         self.syncLoadLizi( "plizi_png" );
                     }
                     else  if (key ==  "plizi_png" ) {
                         this .initParticle();
                     }
                 },
                 this );
   }
   /**
    * 初始化例子系统
    */
   private initParticle() : void{
    var  texture = RES.getRes( "plizi_png" );
    var  config = RES.getRes( "plizi_json" );
    this .particleSys =  new  particle.GravityParticleSystem(texture, config);
    this .addChild(  this .particleSys );
    this .particleSys.start();
   }
   
  }
}

核心::::

   var texture = RES.getRes("plizi_png");
   var config = RES.getRes("plizi_json");
   this.particleSys = new particle.GravityParticleSystem(texture, config);
   this.addChild( this.particleSys );
   this.particleSys.start();


效果:

wKiom1nUkM-gTPwPAAD0PuHz9Y0560.png-wh_50



Good 。。



















本文转自Aonaufly51CTO博客,原文链接:http://blog.51cto.com/aonaufly/1970362 ,如需转载请自行联系原作者



相关文章
|
数据采集 自然语言处理 数据挖掘
利用ChatGPT进行数据分析——如何提出一个好的prompt
利用ChatGPT进行数据分析——如何提出一个好的prompt
513 0
|
C++
技术指标和振荡器大全(一)(3)
技术指标和振荡器大全(一)(3)
349 0
|
数据采集 DataWorks 监控
DataWorks产品使用合集之如何配置周期任务(如工作流任务或调度任务)依赖于数据质量规则校验结果
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
237 0
|
监控 关系型数据库 MySQL
|
C++
面试题:常量指针和指针常量?
面试题:常量指针和指针常量?
120 0
点晴OA系统中小企事业单位的共同选择
随着互联网快速发展,免费OA办公系统改变了传统办公模式,不限地域就可以轻松工作,移动办公让办公不再受空间物理条件是限制,企业员工随时随地都可以处理公务。
208 0
点晴OA系统中小企事业单位的共同选择
|
存储 算法 搜索推荐
数据结构—笔记整理—初识数据结构 下
数据结构—笔记整理—初识数据结构 下
243 0
|
存储 XML 移动开发
🏆从零开始学习JS进阶2️⃣🏆
文档对象模型(Document Object Model,简称DOM),是 W3C 组织推荐的处理 可扩展标记语言(html或xml文档) 的标准 编程接口。它是一种与平台和语言无关的 API,它可以动态操作HTML文档,如 对html标签作增删改查操作。DOM 是一种基于树的 API 文档,在处理html文档的过程中,DOM以对象的形式存储在内存中。因为DOM是基于树结构存储在内存中的,所以DOM又称为文档树模型。
273 0
🏆从零开始学习JS进阶2️⃣🏆
|
弹性计算 数据可视化 云计算
云·企业官网定制——网站建设篇之——阿里云心选商城
使用阿里云建站可以有三种,第一种是购买ECS云服务器;第二种方式是购买阿里云官网云速成美站;第三种是使用阿里云官方定制建站。
251 0
|
前端开发 JavaScript
解决它,趁现在
解决它,趁现在
170 0