在HTML5和移动游戏强大的发展趋势下，Egret引擎应运而生，Egret 引擎专注于移动设备上的HTML5 游戏开发，为HTML5 游戏开发者提供了无可比拟的快捷开发游戏的方式。...从引擎核心到开发工具链，从游戏开发到上线运营，Egret引擎都提供了全方位的支持。 ?...（由Egret引擎开发的游戏截图） Egret 引擎×特点 由于Egret 引擎专注游戏开发，因此下面就从游戏开发涉及的各方面来介绍引擎的特点。...Egret 引擎×开发环境 Egret 引擎虽然已经有一年半的发展历程，但白鹭研发团队从来没有停止过前进，Egret 的产品一直在不断改进，产品的版本发布处于一个急速迭代的阶段。...相 关 图 书 《Egret—HTML5游戏开发指南》 Egret精粹 白鹭引擎诚意之作 全面系统 海量案例 张鑫磊 等 著
Tween坑 功能：实现点击播放动画，播放动画后跳转到新标签页面 this.addEventListener(egret.TouchEvent.TOUCH,()=>{ var tw = egret.Tween.get...= new egret.EventDispatcher(); handler.addEventListener(type,()=>{ ... }, this); 同样，声音播放也是需要用户手动触发的...稳定，脱离egret环境也可以使用哦 5. removeChild坑 提供的 DisplayObject 必须是调用者的子级 看了这句话，其实内心是崩溃的。。。.../eui" xmlns:w="http://ns.egret.com/wing" xmlns:game="ex.*"> </e:Skin...用什么egret build也没有用。
准备 EgretLauncher EgretLauncher 中安装引擎 EgretLauncher 中安装 Egret Compiler 基础说明 各文件夹说明 .wing：包括 Egret 项目的任务配置文件和启动配置文件...命令行 1、运行名为【HelloWorld】的一个项目 egret run HelloWorld 2、编译名为【HelloWorld】的一个项目 egret build...] [--port 3000] clean 重置项目中的引擎代码 egret clean [project_name] upgrade 升级项目代码 egret upgrade [project_name...] --egretversion [target version] make 修改引擎源码后，编译引擎源码。...如果没有特殊需求，不建议普通用户使用 info 获得Egret信息，如当前Egret版本，以及安装路径 help 了解各个 command 的细节 egret help [command] 入口文件 index.html
class LoadingUI extends egret.Sprite{ private textField:egret.TextField; public constructor...,this,RES.ResourceItem.TYPE_IMAGE); } private onComplete(event:any):void { var img: egret.Texture...= event; var bitmap: egret.Bitmap = new egret.Bitmap(img); this.addChild(bitmap);...this.textField = new egret.TextField(); this.addChild(this.textField); this.textField.width
{ private _bitmapText: egret.BitmapText; private _bitmapText1: egret.BitmapText; public constructor(...showText(): void { //普通文本 var label: egret.TextField = new egret.TextField(); label.text = "this is...= new egret.TextField(); text.type = egret.TextFieldType.INPUT; //设置输入文本的样式为文本 text.inputType = egret.TextFieldInputType.TEXT...(); pass.type = egret.TextFieldType.INPUT; //设置输入文本显示为密码 pass.inputType = egret.TextFieldInputType.PASSWORD...= new egret.TextField(); tel.type = egret.TextFieldType.INPUT; //设置输入电话号样式 tel.inputType = egret.TextFieldInputType.TEL
1. egret.Label 富文本用法 ... public lbTest:eui.Label; ......armature.addEventListener(dragonBones.AnimationEvent.START, function(){ egret.setTimeout(function()...事件 按钮点击事件 private btnTest:eui.Button; ... btnTest.addEventListener(egret.TouchEvent.TOUCH_TAP,this.onTouch...... this.addEventListener(egret.Event.REMOVED_FROM_STAGE......定时执行 ... let timer:egret.Timer = new egret.Timer(RETRY_INTERVALS[this.
1. egret.Label 富文本用法 ... public lbTest:eui.Label; ......{text:"hello",style:{size:16,textColor:oxffff00}} ] 富文本还可以添加链接，同时可以给链接添加下划线哦 \^0\^ var ADDRESS = "egret...(); } }, this ); 具体情况，请看 论egret的坑 2....... this.addEventListener(egret.Event.REMOVED_FROM_STAGE......定时执行 ... let timer:egret.Timer = new egret.Timer(RETRY_INTERVALS[this.
class Main extends egret.DisplayObjectContainer{ public constructor() { super();...this.addEventListener(egret.Event.ADDED_TO_STAGE,this.onAddToStage,this); } public onAddToStage...(event: egret.Event): void { //先创建一个数组 var sourceArr: any[] = []; for(var
class Main extends egret.DisplayObjectContainer{ public constructor() { super();...this.addEventListener(egret.Event.ADDED_TO_STAGE,this.onAddToStage,this); } private list: eui.List...; public onAddToStage(event: egret.Event): void { var exml = ` `; var
一 : 资源 Ⅰ,Egret3D官方文档 : https://developer.egret.com/cn/docs/3d/docs/guide/getting-started-introduction...Ⅱ,安装3D编辑器(以前叫paper , 现在交 Egret Pro) 地址 : http://developer.egret.com/cn/docs/3d/ ①,确定3D编辑器如下 ?...③,将解压后的版本文件夹( egret-core-5.3.x ) 拖入到Egret Launcher工作区 , 如下 ?...只是Egret Pro软件还有不少的问题待优化 ....( egret3d.MeshRenderer ) as egret3d.MeshRenderer; ( $meshRender.material as egret3d.Material
项目可以使用的库文件 白鹭官方第三方库使用文档：http://developer.egret.com/cn/github/egret-docs/extension/threes/instructions.../index.html 创建第三方模块 当我们准备好了要用的第三方库的源文件后，还需要把它编译成 egret 需要用的第三方库。...创建一个egret第三方库的项目文件，在命令行中输入： egret create_lib protobuf 注意：第三方库项目与 Egret 项目不能嵌套。...= new egret.ByteArray(); this...._onReceive(btyearray); //读取服务器发送过来的字节数据 let msgBuff: ArrayBuffer; let barr: egret.ByteArray = new egret.ByteArray
Egret 引擎优化和公共库 2.1 Egret 引擎优化 Egret Engine 是白鹭时代研发的遵循 HTML5 标准的开源游戏引擎，包含 2D/3D 渲染核心、EUI 体系、音频管理、资源管理等游戏引擎的常用模块...于是，我们对 Egret 引擎做了定制开发，下文称之为“定制化引擎”。...，Egret 引擎的构建是官方自己写的一套构建系统。...； Runtime 只支持 Egret 游戏，无法支持其他游戏引擎。...总结 通过在多款 H5 游戏引擎中做比较，Shopee Games 选择了更适合业务特点和团队人才特点 Egret 引擎。
技术选型 国内有三大 H5 游戏引擎，Cocos、Egret 和 Laya，他们都能支持使用 TypeScript 编写跨平台（H5、各类小游戏平台、Native App）的游戏。...具体引擎的对比细节不属于本文探讨的主题，我直接抛出（个人）结论： 2D 游戏选 Egret，3D 选 Laya，其他选 Cocos Creator。...上面的“其他”指的是，你一脸懵逼，不知道怎么选的时候：） Egret 白鹭引擎 Egret 联合创始人马鉴是 Flash （原属 Macromedia 公司，后被 Adobe 收购）团队的第一位中国员工...为了能获得最好的游戏性能和开发灵活性，我们当前的这款游戏选用的是 Egret 白鹭引擎。 然而，生活中总是充满着意外和惊喜，从看开发文档到安装 IDE 上手开发调试，Egret 一点都没让人省心。...文档打不开 很难想象作为一个小有名气的游戏引擎厂商， Egret 的文档站点能做到如此的不靠谱：中文文档站点经常无法访问，所有页面重定向到首页；文档搜索功能不可用，搜索结果直接跳转报错页。
我们可以通过 Egret 官网下载最新版 Egret Engine Launcher 客户端，再通过 Launcher 来安装 Egret 引擎和工具链。 ?...Egret 和大部分的 H5 游戏引擎类似，默认使用 TypeScript，所以我们还需要确保项目生成了 SourceMap，能将浏览器中运行的 JavaScript 和编辑器中的 TypeScript...插件依赖页面中的 Egret 引擎，当它在加载时，游戏页面中的 Egret 引擎可能还未完全加载，所以调用 this.addChild 方法导致报错。...3.2 解决 this.addChild is not a function 报错 前文提到过 Egret 官方团队工作重心已放在新架构的设计上，很多引擎和工具链上的问题，需要开发者自己动手解决。...以上是搭建 Egret 开发环境的全部内容。在下一期，猫哥将会介绍 H5 游戏引擎的技术实现原理，希望对大家理解游戏开发有所帮助，感谢关注：）
只有三款引擎选择支持TypeScript。其中Egret做的最为彻底，仅支持TypeScript，并未推出JavaScript语言版本。...Egret 定位 Egret算是HTML5游戏引擎中的新起之秀，其定位已不单纯为HTML5游戏引擎。官方将其定位为“游戏解决方案”，同时也并未过多提及HTML5。...究其原因在于Egret不仅仅提供了一个基于HTML5技术的游戏引擎，更是提供了原生打包工具和众多周边产品，使其成为“解决方案”。...其中两个支持中文的引擎Egret、Hilo均为国人产品，这两款引擎在文档方面，Egret做的相当优秀，开发者可以从它的edn.egret.com中查阅大量中文资料。...结论 在学习难度上，Egret算是最为简单的，无论从完整度还是中文普及度上。 商业应用 这部分对比是在商业产品应用中的占比情况。一个引擎被商业产品应用广泛的情况下，足以证明此引擎具备商业产品使用价值。
最强旋转飞刀手，口红机小游戏，egret h5小游戏 代码简单解析 HTML <div style="margin: auto;width: 100%;height: 100%;" class...="<em>egret</em>-player" data-entry-class="Main" data-orientation="auto" data-scale-mode...calculateCanvasScaleFactor": //a function return canvas scale factor * } **/ egret.runEgret
Egret定位 Egret算是HTML5游戏引擎中的新起之秀，其定位已不单纯为HTML5游戏引擎。官方将其定位为“游戏解决方案”，同时也并未过多提及HTML5。...究其原因在于Egret不仅仅提供了一个基于HTML5技术的游戏引擎，更是提供了原生打包工具和众多周边产品，使其成为“解决方案”。...在canvas模式下，脏矩形会是渲染性能得到提升，比其他引擎更加有优势。 如果你会Flash，那么Egret Engine对你来说不需要过多的学习即可上手。...其中两个支持中文的引擎Egret、Hilo均为国人产品，这两款引擎在文档方面，Egret做的相当优秀，开发者可以从它的edn.egret.com中查阅大量中文资料。...在学习难度上，Egret算是最为简单的，无论从完整度还是中文普及度上。 商业应用这部分对比是在商业产品应用中的占比情况。一个引擎被商业产品应用广泛的情况下，足以证明此引擎具备商业产品使用价值。
测试1： 简单demo，使用egret引擎显示3000个图（都是同一个100*100 png 纹理），逐帧做旋转。...测试2： 复杂demo，使用egret引擎显示candy爆炸龙骨动画100个。...情况和egret引擎类似，还是iOS14明显卡顿，虽然界面显示fps较大，但实际帧率只有10fps左右。...题外话：自研引擎性能略比egret好10%左右，但上边测试中能支持15000个图片，只是因为自研引擎没有做像素密度加倍尺寸渲染。 由此可见，iOS14 webgl性能确实比iOS13有明显下降。...egret引擎原来没有做批处理。如果能实现这个优化，将极大减少龙骨的渲染drawCall。 2、调整像素密度绘制策略。
在某些情况下，您需要在不支持图形化界面的设备上下载并使用白鹭引擎（比如基于 Linux 的构建服务器），您可以使用白鹭引擎提供的命令行工具安装引擎。...#准备工作您需要安装最新版本的 NodeJS 与 npm，具体方法不再赘述安装好NodeJS与 npm 后，请打开一个终端，执行如下命令npm install @egret/setup -gWindows...操作系统请确认以管理员模式打开终端，MacOS / Linux 操作系统请在命令前添加 sudo#安装指定版本的引擎以安装5.3.7版本的引擎为例，在命令行中输入：egret-setup install...engine 5.3.7#检查本地引擎已安装版本在命令行中输入：egret-setup list engine#检查服务器端引擎列表在命令行中输入：egret-setup remote engine
换句话说，如果用一个游戏引擎开发了一款游戏，如果要运行在App中，还需要引擎自身适配微信小程序的语法。那么现在有多少游戏引擎适配了呢？...官方的文档上介绍的是：Cocos、Egret、Laya以及Unity。...二、Egret（白鹭引擎）Egret引擎是一个开源免费的游戏框架，用于构建二维游戏、演示程序和其他图形界面交互应用等。Egret使用TypeScript脚本语言开发。...Egret不仅仅是一个基于HTML5技术的游戏引擎，我们的产品线中除了Egret引擎还提供了很多辅助游戏开发的工具。准确的来说，Egret是一套游戏开发的解决方案。...你可以使用Egret引擎来帮助你开发HTML5游戏，并运行在手机和PC端的浏览器中，同时也你可以使用Egret提供的相关工具搭建你自己的游戏开发工作流。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
