在微信小游戏中使用粒子效果

参考:

1. 粒子库下载地址

2. 粒子官方使用教程

3. 水友解决微信小游戏particle is not defined

 

 

一、下载第三方库

Git地址:https://github.com/egret-labs/egret-game-library

 

二、配置粒子库

粒子库放在项目同级目录mylibs下

 

 修改egretProperties.json文件

 

编译一遍引擎

 

三、代码里使用粒子

 将Egret Feather制作的粒子资源放入项目

 

适配微信小游戏,修改wxgame.ts,增加

                if (filename == 'libs/modules/particle/particle.js' || filename == 'libs/modules/particle/particle.min.js') {
                    content += ';window.particle = particle';
                }

 

 如果不修改wxgame.ts,则会报下面的错

 

代码中使用粒子

	//获取粒子资源
        var texture = RES.getRes("test_png");
        var config = RES.getRes("test_json");
        
        //新建粒子效果
        var fireStar:particle.GravityParticleSystem = new particle.GravityParticleSystem(texture, config);
        this.addChild(fireStar);
        fireStar.start();
        fireStar.x = 200;
        fireStar.y = 300;

  

效果如下

 

posted on 2018-08-24 18:35  gamedaybyday  阅读(868)  评论(0编辑  收藏  举报