一,DataModel(数据类) ①:需要继承bind.BaseBindModel(为了发送属性数据) ②:需要监听的数值需要写setter/getter ③:在setter中使用changeValue方法 changeValue方法参数 1,属性名称 2,与属性对应的字段名称 3,值(要赋的值) 如: module app { / 数据类-成员需要绑定 / export class DataTest extends bind.BaseBindModel { private...
(Egret旧版 4.0.1以下建议这么写)今天写了一个属性绑定的类库. 步骤如下: 一,新建一个EUI项目,删除Main.ts文件 二,发布项目 三,新建库项目(bind)egretcreate_libbind 得到库项目结构 四,手写bind.d.ts文件为bind.js如下: declare module bind{ / 绑定的数据接口( CallBack的参数 ) @author&...
在Gui中对Button换皮相当的给力: Gui.Button.skinName=newegret.gui.ButtonSkin(normal_resource,up_resource,disable_resource); 但是在EUI中没有ButtonSkin类.所以找到了其他方法. 我用三种按钮进行测试:1,有自定义皮肤的按钮2,没有自定义皮肤的按钮(三种状态都有resource图片),3,new的Button 测试View: 一:自定义皮肤情况 ①,自定义皮肤:AonauflyButton.exml <?xml version="1.0" encodi...
在runtime2.0中已经加入了webp,但是需要运行于runtime加速器.如果想以H5网站的显示运行.目前需要加入第三方库. 一,使用: npminstallegret-resource-manager-g安装最新RES(第三方)库 二,我新建了一个NewWebPDemo的GUI项目(其实EUI也行,没啥影响的) 在NewWebPDemo项目根目录执行: resupgrade 编译之后,项目自动出现2处的不同: 1,bin文件夹下，新增了一个resourcemanager文件夹，该文件夹存放全新RES模块代码(第三方)。 2,egretProperties...
（纯码农制作，不喜勿喷）先看看结果： 一：Cell（render）Skin的制作： 看结果是横向的滚动，向左。如果第一次显示第二个cell，那么需向左滑动Cell的宽度+Cell直接的横向的间隔（我这里设为10，往下看↓），那么一个需要向左偏移110。（当然，内边距左为0↓） 二：ScrollerSkin的制作 三：Cell代码： moduledemo{ / scrollCell @authorHusz / exportclassScrollCellRenderextendseui.ItemRenderer{ privatetxt_scroll:eui.Label=null; publicco...
1,关于位图字体的制作 2,egret官方提供的资源 看看cartoon-font.fnt的内容 {"file":"cartoon-font.png","frames":{ "A":{"x":1,"y":54,"w":21,"h":24,"offX":2,"offY":11,"sourceW":23,"sourceH":35}, "B":{"x":195,"y":29,"w":22,"h":26,"offX":2,"offY":10,"sourceW":24,"sourceH":36}, "C":{"x":31,"y":33,"w":20,"h":26,"offX":2,"offY":10,"...
本人的版本是2017.2.4 首先是安装并破解webstorm.这里不做介绍,搜度娘一大堆. 步骤 一,配置测试浏览器: ①:Run->EditConfigurations...如下图所示: ②:打开<Run/DebugConfigurations>面板,在面板中添加一个浏览器的配置: 下图添加的是Chromehost:localhostPort:9222 二,让Webstorm开启代码提示 ①:File->Setting... ②:在<settings>面板中...
将游戏中某些数字动态的用上述美术数字替代 ，这么做的唯一原因就是为了好看。 制作资源，使用SpriteSheet： 创建一个FntManager，用于动态生成美术字,如下： / @author / module app { export class FntManager{ public constructor() { &nbs...
本片讲解Egret使用JSZip解析加压的js代码，然后将其还原成可执行的js代码。 一，先将egret库打包： ①：在网站根目录建一个egret文件夹，在其中放入类库 ②：将egret文件夹打包成egret.zip 二，将main.min.js打包成main.min.js.zip 三，index.html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <t...
龙骨的图片是绑定在卡槽上的.并且是一对一的关系.所以可以通过对骨架的卡槽上绑定的图片的更换来实现另一种换皮的效果. 换皮的核心代码: //针对slot设置其新内容 privatesetNewSlot(slotName:string,textureName:string) { //方法1 varslot:dragonBones.Slot=this._armature.getSlot(slotName); varb:egret.Bitmap=newegret.Bitmap(); b.texture=RES.getRes(textureName); b.x=slot.display.x; b.y=s...
本篇讲解JSZip如何加压一个文件。。。 核心代码： private compression():void{ let zip : JSZip = new JSZip(); let zipCompression = zip.folder("resource/kayer"); zipCompression.file("Hello.txt", "Hello&...
首先要整第三方库，在上一篇中已经有所介绍，这里不讲。 关于jszip和AS的aszip差不多一样。 这里我写了三个文件：a.txt,b.xml,c.json打包到一个ziptest.zip的压缩包中。 a.txt: b.xml: c.json: ziptest.zip的位置： 核心代码：：： private loadZip() : void{ RES.getResByUrl("resource/ziptest.zip", function(data):void{ &n...
使用Egret土特产EgretFeather粒子编辑器。导出流星粒子特效如下如下： 导出2个文件： 一，准备工作：加入粒子模块，粒子系统在第三方库里面。所以需要下载第三方库加入到项目里面 ①：下载第三方库 ②：加入到项目（这里我只是将库放在与项目平级的目录里面，而且我只是取出了） ③：在egretProperties.json的配置 ④：使用egretbuild-e命令 关于粒子核心 module app { export class ParticleView extends eui.Component&...
新版本的Egret制作的方法 我使用的版本为:5.0.9 步骤:一:新建一个类库项目:egretcreate_libxxxx本人建了一个demoLib的类库 二:在生成的demoLib项目的根目录,查看文件,如下: 三:新建一个Egret游戏项目:demoLib(这个是游戏的项目),我们在这个项目里面为类库编写需要的代码,如下: 四:在游戏项目demoLib中建TS文件 五:新建demoLib.d.ts在类库项目的src文件夹中 六:根据MyTestLib.ts编写demoLib.d.ts文件如下 declaremoduledemoLib{ classMyTestLib{ / 打招呼 @...
此处Egret逐帧动画借助Flash以及TextureMerger工具来生成文件（1：动画描述文件Json，动画图集文件） 本人以一只飞行的鸟为例 先看Flash，如下 flash的项目名称为fly.fla 舞台帧信息，A和B为帧标签 打开texturemerger，选择egretmovieclip。将fly.swf拖入到编辑区，取名Bird，如下： 导出动画文件，json和png图集 为导出文件取名： 我们看看mc_test.json文件如下： {"mc":{ "fly":{ "frameRate":24, "lab...
首先来上龙骨的自定义事件： 1，在动画制作中，选择一个动画 ，选中事件层加一个关键帧 可以看到我在第11帧添加了一个关键帧 2，在属性面板中添加一个自定义事件 核心代码如下：： / 展示Sheep特效 / private showRoleWin...
目标：实现Tabbar也签的通用。 一：美术资源的准备（自己做的，很挫，勿喷）如下 二：通用页签ItemRenderer的皮肤如下 三：tabbar的测试UI皮肤如下 四：ItemRenderer的实现 modulecommon{ / 通用的页签CELL @authorHusz / exportclasscommon_TabBarCellextendseui.ItemRenderer{ privateimg_yes:eui.Image=null; privateimg_no:eui.Image=null; privateimg_txt:eui.Image=null; publicconstr...
需求： 找到了黄马褂的结构： 我们新建一个DragonBones项目，用以为上述黄马褂换肤 我们对DragonE_view进行修改 ///<reference path="./../tools/DragonBoneTools.ts" /> module app { export class DragonE_View extends eui.Component implements eui.UIComponent {  ...
本篇主要内容是，EUI及龙骨。 我用EUI项目进行测试，看下效果： 实际上这个robot是一直在跑的。 步骤 首先，在项目的egretProperties.json中增加EUI和龙骨模块如下： 1， 2，使用DOS命令：egretbuild-e加入这2个模块 其次，注册主题（default.thm.json）,要使用exml文件必须要注册 1，在resource文件加下新建default.thm.json文件，如下 2，在main.ts中注册此主题： neweui.Theme("resource/default.thm.json",this.stage);//注册主题 3，需要往...
注意，本文都是在EUI的环境下进行的。在GUI是有另外的一套方案。 egretProperties.json是Egret的配置文件。本文讲解①：skin皮肤文件路径的配置(注意升级到5.0.6以上的版本才行.)； ②：主题文件路径的配置。 在“eui”键之中，配置有“exmlRoot”是配置skin皮肤路径的。“themes”是配置主题路径的。 另外补充在wingProperties.json中，可以配置配置文件及主题，如果配置文件比较多，可以在这里配置 其中“config”中编辑配置文件，当项目中配置文件比较多时，可以在这里配置。theme可以配置主题，好像和egretPr...