class Main extends egret.DisplayObjectContainer { public constructor() { super(); this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this); } /** * 1, 对于图片的使用, 一般会将所有图片集中起来, 配置在一个文件中, * 2, RES 资源加载对象, 一个全局对象 * 3, RES.ResourceEvent.G

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

推荐阅读: 我的CSDN 我的博客园 QQ群:704621321 我的个人博客 最近事情特别多,今天终于实现了排行榜功能,记录下来大家一起学习学习. 一.调用默认排行榜 首先我们需要了解: 1.白鹭开发文档(开放数据域):http://developer.egret.com/cn/github/egret-docs/Engine2D/minigame/openDataContext/index.html 2.微信小游戏开发文档(关系链数据):https://developers.weixin.q

刚接触不久就遇到困难------自定义loading.想和其他获取图片方式一样获取加载界面的图片,结果发现资源还没加载就需要图片,在网上百度了许多,都没有找到正确的方式,通过自己的摸索,终于,,,我成功了... 下面介绍一下主要思想: 首先,我们需要使用异步加载的方式,在加载界面之前加载loading界面需要的素材,然后再loadingUI中就可以大胆使用它了. 其次,我们经常碰到的问题是自定义进度条不显示问题.那是因为你没有在Main中把它加载舞台上. 最后,看看具体实现方法吧. 1.新建lo

居然使用 TyptScript... 先贴手册地址:http://www.typescriptlang.org/docs/tutorial.html. 先要接受一个诡异的写法: private loadingView:LoadingUI; 首先支持了 private.public 类的对象名在前:loadingView 类的类型名在后:LoadingUI(在JS上封装出了强类型?) TyptScript 的特性: 类 Classes 接口 Interfaces 模块 Modules 类型注解 T

0.前言 这个星期没有什么事做,就想找点技术了解一下.前段时间看过Egret,用来开发HTML5小游戏.一开始以为很麻烦的,但是经过这两天了解了一下,如果用这个游戏引擎来开发一些简单的游戏,还是蛮方便的.为什么会了解这个,是因为有个同事是开发Android的,是开发那种普通APP,就是一些简单的界面,跟硬件收发一下数据,然后展现出来.总体开发没有难点的,就是用Android开发那种界面交互效果很差,好看一点的呢,开发效率又很低.我就跟他提出,可以用html5画一些界面和一些动画效果.经过这两天了

白鹭中的资源加载,可以单个去加载.但是更多是通过资源组加载的. 比如进入登录界面,则加载登录资源组的资源.销毁登录界面,则卸载登录模资源. //加载登录模块资源组 RES.loadGroup("login"); //卸载登录模块资源组 RES.destroyRes("login"); 那么Laya是怎么加载资源组呢? Laya.loader加载资源 Laya加载单个资源 Laya.loader.load("res/atlas/anim.atlas"

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

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

一.微信分包加载 微信分包加载教程 嘛,因为原来的4M太小了,满足不了小游戏内容的需求,现在提升到了8M.这8M可以分包加载,而不需要一次性加载8M. 如果是老版本,则分包加载不起作用,会一次加载8M内容,用户等待会比较久. 二.Egret的解决方案 如何利用微信小游戏的分包加载机制突破4M代码包体积限制 三.官方Demo分析 Egret官方demo下载 根据官网demo,在小游戏主项目和resource同级目录下新建stage1文件夹,并放了3个js文件,分别是tween.js,main.js

常规H5和微信小游戏同样有效 一.exml自动加载图片 有两张图片 图片未放入defatult.res.json的资源组里,未预先加载包含2张图片的资源组,仅仅在default.res.json里有图片的链接 在exml上使用这2张图片 运行Egret,图片会自动加载 这样比较像一个普通html页面,上面有标签<img>,打开网页后,图片逐个加载出来. 这样的话,在实现exml页面的资源管理时,可以不使用RES.loadGroup加载该页面的资源组,而是让exml自动去异步加载. 优点:无需预

class HelloTime extends egret.DisplayObjectContainer { public constructor() { super(); this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this); } private spr: egret.Sprite; // 定义变量类型 private async onAddToStage(event: egret.Event) {

1. 理集的使用 :http://www.codeandweb.com/ 下载软件: TexturePackergithub: 相关工具:https://github.com/ping-chen/egret-tool 2. { "groups": [{ "keys": "logo", "name": "lg" } ], "resources": [ { "name":

首先,先安装好,然后,创建项目,弄好之后,在终端输入 egret run -a 开启服务 /*********************************华丽丽的分割线**************************************/ 首先,那个RES.loadGroup是加载资源组,他有三个参数RES.loadGroup(name:"string",priority?:number,reporter?:Res.PromiseTaskReporter):Promise&

关于egret开发H5页游,资源管理和加载的一点看法. 一 多json文件管理 二 资源归类和命名 三 exml文件编写规范 四 资源预加载.分步加载.偷载 五 资源文件group分组 六 ResUtils,多json文件管理类 七 ResUtils,资源组加载管理类 八 开发中遇到的一点问题 一 多json文件管理 当多人协作时,添加资源时常因为资源文件修改而导致svn冲突. 根据各人不同负责的模块,将资源文件划分. 原来的 default.res.json 可以修改为 login.res.j

egret常用功能<pre>////////////////////////////////////////////////////////////////////////////////////////// Copyright (c) 2014-present, Egret Technology.// All rights reserved.// Redistribution and use in source and binary forms, with or without// modi

一.问题 egret游戏loading界面的制作可以参考这个,我就不多赘述啦,步骤也比较详细<Egret制作Loading页面及分步加载资源教程>. 后面我发现即便加上loading,在游戏启动时,展示loading界面前还是会有一瞬间的黑屏,降低用户体验. 要解决它,肯定要究其原因,据我个人认为是加载loading这个资源组也是需要时间的. 1 private async loadResource() { 2 try { 3 await RES.loadConfig(EgretGameApi

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

前言: 好久没更新博客了,以前很多都不会,所以常常写博客总结,倒是现在有点点经验了就懒了.在过去的几个月里,在canvas游戏框架方面,撸过了CreateJS,玩得了Egret,又学过PIXI.js.在移动前端方面,尤其是小游戏开始有一点点小经验了.但只是小经验,为什么说是小经验? 首先,深度不足,虽然用得最熟最多的白鹭,可是习惯了JavaScript,对TypeScript的OOP编程掌握得还不够:其次,对Egret等游戏框架了解的广度还不够,还有相当部分用法没用到.虽然能够应付朋友圈里传播的

前言 一行白鹭上青天 需求 最近,我们老板刷刷的为了省事,给美术减压(背景有点长,不说了). 美术出 fairygui,我需要在网页上看到实时操作,并且看到效果! 需求分析 这怕是要了我的狗命啊,但是要年底了,包住饭碗要紧. 提炼关键字,fairygui,网页展示,操作,Egret 再浓缩一下:fairygui 为交互素材,白鹭为引擎,vue为展示页面 一.fairygui 是什么? 官方地址:http://www.fairygui.com/guide/  FairyGUI提供了一个强大的UI编