今天给大家分享一个实用的小案例-----一款带有互动特效的彩票游戏。在这个小盒子里,可以看到花瓣随风缓缓飘落,点一下元宝就会掉落。本实用案例可直接用于彩票游戏,或游戏特效。效果图如下:逻辑图1.创建项目打开Wing,创建一个游戏项目(因为游戏中使用的材质背景图分辨率为400x800,所以我也将屏幕尺寸设置为480x800)2.添加materials到项目中将游戏中使用的材质添加到项目中,并在资源配置文件中配置3.显示背景和摇钱树在createGameScene函数中添加如下代码:varsky:egret.Bitmap=this.createBitmapByName(“背景图片”);this.addChild(天空);varstageW:number=this.stage.stageWidth;varstageH:number=this.stage.stageHeight;sky.width=stageW;天空.height=stageH;varnormalTree_png:egret.Bitmap=this.createBitmapByName("normalTree_png");this.addChild(normalTree_png);normalTree_png.y=this.height/2-normalTree_png.height/2;normalTree_png.x=this.stage.stageWidth/2-normalTree_png.width/2;privatecreateBitmapByName(name:string):egret.Bitmap{varresult:egret.Bitmap=newegret.Bitmap();vartexture:egret.Texture=RES.getRes(名称);结果。纹理=纹理;返回结果;}4。添加花瓣飘落特效---粒子特效制作4.1安装粒子编辑器粒子特效是指将无数个单独的粒子组合起来模拟显示中水、火、雾、气的效果,从而使它呈现固定的形状,整体或单个粒子的运动由控制器和脚本控制,从而模拟真实效果。EgretEngine提供了一个简单易用的粒子编辑器--------EgretFeather,它可以让我们在短短几分钟内快速创建和试验自己的粒子效果。粒子编辑器可以通过下面的链接下载。https://www.egret.com/downloads/feather.html4.2编辑粒子效果主界面包含几个面板,分别是:纹理面板、颜色面板、动作面板、基本属性面板、视觉调整面板、渲染面板。其中,“基本属性”面板详细定义了粒子发射器的相关参数,“动作属性”面板定义了粒子运动环境的参数,这些参数决定了粒子的运动状态。在编辑器中,我们可以实时看到生成示例的效果,非常直观方便。或者,我们可以使用“视觉调整区”通过拖动鼠标来模拟自然现象进行调整。基本属性中有几个参数需要说明:Emissionduration:例子出现的总时间,单位毫秒,-1表示永远出现。启动位置y:示例出现的y坐标。启动位置在y:y坐标中浮动,示例出现在该范围内。4.3添加粒子库Egret中的粒子特效都是以第三方库的形式使用的,所以首先我们需要在我们的项目中配置第三方库粒子。我从下面的链接下载了第三方库,官网为我们总结了常用的第三方库。https://bbs.egret.com/thread-24868-1-1.html打开我下载的压缩包,找到粒子。如图将particle目录复制到工程中的libs目录下,注意放在modules目录外。然后在egretProperties.json文件中进行配置。{"engineVersion":"5.2.33","compilerVersion":"5.2.33","template":{},"target":{"current":"web"},"modules":[{"name":"egret"},{"name":"game"},{"name":"tween"},{"name":"assetsmanager"},{"name":"promise"},{"name":"particle","path":"./libs/particle"}]}4.4创建粒子对象,加入显示队列并添加成员属性privatesystemLeaf:particle.ParticleSystem;在createGameScene中添加如下代码vartexture=RES.getRes("leaftexiao_png");varconfig=RES.getRes("leaftexiao_json");this.systemLeaf=newparticle.GravityParticleSystem(texture,config);this.addChild(this.systemLeaf);这个.systemLeaf.start();5。添加点击事件,添加元宝掉落到摇钱树的特效。(e:egret.TouchEvent):void{if(this._rainParticle==null){vartexture=RES.getRes("silver_png");varconfig=RES.getRes("silverRain_json");this._rainParticle=newparticle.GravityParticleSystem(texture,config);这。addChild(this._rainParticle);}this._rainParticle.start(1000);}另:关于jpg和png图片格式的区别游戏中常用的图片格式有jpg和png,可以用常用的绘图软件生成格式文件,它们的区别是:jpg图片没有透明通道,而png图片可以保存透明部分,即如果图片中间需要不规则边框,或者中间需要透明部分,应该保存为png格式;如果只是矩形图片,没有透明部分,会保存为jpg格式。通常同一张图片,jpg格式会比png格式小。源码地址:https://github.com/WQQPsyche/yaoqianshu在使用EgretWing的过程中,如果您有什么独特的方法或者心得,欢迎与我们交流,分享给广大开发者朋友们!谢谢你们!
