1,在egret中,视觉图形都是由显示对象和显示对象容器组成的: 显示对象:准确的说,就是在舞台上显示出来的,包括能真实看见的图形,文字,图片,视频等:也包括不能看见但真实存在的显示对象容器: 一:显示对象的等级结构: 在最上面的是舞台,舞台是最根本的显示容器,是显示树结构的根本: 在egret中显示对象分为两大类: 1)包含显示对象的显示对象容器,简称为容器: 2)单纯的显示对象: 2,在egret中封装了 7个显示类: DisplayObject:显示对象基类,所有显示对象都继承自它: Di

因为最近公司事情比较多,所以没怎么更新博客. 不过咱们这个游戏还是在继续往下写. 今天晚上打算写斗地主的出牌动画,遇到一个问题,就是关于本地坐标和舞台坐标的计算问题 在Egret官网的解释是:x 和 y 属性始终是指显示对象相对于其父显示对象坐标轴的 (0,0) 坐标的位置.因此,对于包含在 DisplayObjectContainer 实例内的 Shape 实例(如圆),如果将 Shape 对象的 x 和 y 属性设置为 0,会将圆放在 DisplayObjectContainer 的左上角,

前言: 昨天的文章中简单的介绍了Egret白鹭引擎从安装到基本的使用配置等问题,今天着重介绍H5小游戏开发的起步阶段,如Wing面板的使用,素材的处理,类的说明,开始布局等等. 整体概况: 根据上一篇文章的提示,我们找到index.html,将帧率data-frame-rate修改成60.根据设计图宽高,我将data-content-width设成640,data-content-height设成1038: 就是下图不包括微信工具栏的高度.至于适配模式我先设成exactFit,以canvas的渲

前言: 在上一篇文章中着重介绍了H5小游戏开发的起步阶段,如Wing面板的使用,素材的处理,类的说明等等,那么今天主要是涉及到场景的创建,loading的修改等等的代码编写. 对于这一节,我在讲解的过程中会使用到众多的类或对象,对于它们的具体用法,建议查看白鹭官方文档. 文档地址:http://edn.egret.com/cn/docs/page/639 修改Loading 上一节我们讲到即将创建场景createGameScene()的时候就结束了,这一节在我们正常创建场景之前,我们先修改一下l

1.资源记载方式 (1)Egret引擎是2.0.5. (2)resource/resource.json文件是: { "resources": [ { "name": "bgImage", "type": "image", "url": "assets/bg.jpg" }, { "name": "egretIcon", &quo

1.纹理集实际上就是将一些零碎的小图放到一张大图当中.游戏中也经常使用到纹理集.使用纹理集的好处很多,我们通过将大量的图片拼合为一张图片从而减少网络请求,原先加载数次的图片资源现在加载一次即可.同时,在引擎渲染的时候也会减少IO读取,从而提高性能. 2.只要发生事件,Flash就会调度事件对象.如果事件目标不在显示列表中,则Flash Player或AIR将事件对象直接调度到事件目标.例如,Flash Player将process事件对象直接调度到URLStream对象.但是,如果事件目标在显示

1. 九宫切 典型例子就是圆角矩形的拉伸问题. 先去P一张绿色的圆角矩形. private createGameScene():void { var box:egret.Bitmap = new egret.Bitmap(); box.texture = RES.getRes("box_png"); //拉伸 box.width *= 2; //矢量绘图是 Shape/Sprite 的 graphics 有的功能,才有自身的 width/height 与 所绘图形的 width/hei

1,重新设置舞台大小,可以直接到VS中的 "解决方案"中,找到 launcher->egret_loader.js中,找到setDesignSize方法,修改其中大小即可:有时直接在游戏运行时修改,然后保存刷新就行: 2,texture 是Texture 纹理类的纹理对象,通过getRes("纹理名字")方法来获取要加载的纹理资源,然后赋值给位图对象: private createBitmapByName(name : String) : egret.Bitm

1,显示容器:所有的容器都继承自DisplayObjectContainer , DisplayObjectContainer 又继承自DisplayObject: 2,想定义一个容器只要创建一个类,并使其继承自DisplayObjectContainer 即可,想实现graphics功能,只要继承Sprite类即可: 3,显示对象的操作:添加,删除,检测,访问,设置堆叠次序: 建立显示对象: var spr:egret.Sprite = new egret.Sprite(); spr.beig

1,Egret的程序入口: C和java是以一个main函数作为入口,但egret类似于ActionScript 是以一个文档类作为入口,确切的说是以这个文档类的构造函数作为入口: 2,文档类的构造函数即egret程序的入口函数,可以看到入口函数内有这样一行代码: this.addEventListener(egret.Event.ADDED_TO_STAGE,this.onAddToStage,this) 目前只需要知道这行代码保证了onAddToStage方法执行时,文档类实例已被添加到舞台

1,创建新项目HelloWorld ,可以在界面上点击文件->新建,也可以在命令行使用create: 2,src 目录,存放我们的代码.我们编写的代码都放在src目录下面. bin-debug 目录,项目编译和运行的debug目录,一般我们不要修改该目录下的内容. libs 目录,这里面存放我们的库文件,包括 Egret 核心库和其他扩展库.当然以后添加了第三方库的话也会放在这里. resource 目录,这里放置我们的资源文件,这里面有一个default.res.json 配置文件,用来配置资

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Egret</title> <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no

这是我新建的一个Egret EUI项目 .wing文件夹是项目的配置文件 bin-debug 文件夹,项目编译和运行的debug目录 libs 文件夹,存放库文件,包括 Egret 核心库,其他扩展库和添加了的第三方库 resource文件夹,存放我们的项目资源素材等等 default.res.json拷贝素材资源 default.thm.json皮肤和Exml文件 src文件夹,存放项目实现的代码 template文件夹,调试所需的目录文件夹 egretProperties.json 项目的配

1. 首先,再次被网上一大堆屎一样的资料搞得浪费了我一天时间.各种坑. 2. 本文先讲一种正确的方式,然后再列举坑. 去www.egret.com下载最新的引擎,我的最新版本是5.2.2. 然后就会被安装了一个全家桶.在里面,你还要在去点击Egret Wing,安装个开发环境. 然后,在项目的地方,新建一个游戏项目,带EUI框架: 必须注意红框的地方,避免踩坑.类型是Egret游戏项目.之后,全家桶就会默认打开Egret Wing进入开发环境. 在src目录下面,新建模板文件——新建EUI组件.

class MtwGame { public constructor() { } private static _instance: MtwGame; public static get Instance(): MtwGame { if (this._instance == null || this._instance == undefined) { this._instance = new MtwGame(); } return this._instance; } public stage:

/** * 在Main中创建游戏场景 * Create a game scene */ private createGameScene() { MtwGame.Instance.init(this.stage); } //===========================场景类============================ class MtwGame { public constructor() { } private static _instance: MtwGame; publ

/** * main类中加载场景 * 创建游戏场景 * Create a game scene */ private createGameScene() { MtwGame.Instance.init(this.stage); } /** *-----------------------------------------场景类-------------------------------- */ class MtwGame { public constructor() { } private

原理:创建一个截取当前场景的截图然后对截图进行bitmap处理加上tween.优点:无需任何图片,特效!适用于任何场景! //1.卷帘特效 //2.左右切换移动 //3.直接翻 //4.旋转掉落 //5.随机一种   调用:ScreenMovies.MovieStart(5); class ScreenMovies { //当前舞台 static MovieStart(_txnums):void { //创建一个截图Bitmap let taget = MtwGame.Instance.stag

一.非EUI方式 1.LoadingUI里的代码.class LoadingUI extends egret.Sprite implements RES.PromiseTaskReporter { public constructor() {        super();                // 当被添加到舞台的时候触发 (被添加到舞台,说明资源组已经加载完成)        this.addEventListener(egret.Event.ADDED_TO_STAGE,this

1.Egret异步加载资源制作loading界面 使用EUI,EXML组件制作loading界面时,需要皮肤主题资源加载控制.即default.thm.json配置文件. 下一篇专门记录这部分. 2.横屏设置的要点 舞台尺寸设置如下截图,还需进一步学习和验证,设置为1280.768时会在屏幕右侧出现黑边.   3.正式发布微信小游戏 egret publish –-target wxgame 编译器的发布,js环境文件较大.需使用以上命令在终端命令行下运行编译.   4.多场景切换 核心是容器管