Egret白鹭引擎初始介绍及简单应用

白鹭简介

白鹭引擎是一套完整的H5游戏开发的解决方案，这个引擎中包含多个工具和项目，使用白鹭引擎可以轻松实现H5的游戏的开发。使用EgretEngine开发的游戏可发布为HTML5版本，运行于浏览器之中。同时，也可以发布为iOS、Android和WindowsPhone原生程序。

Egret不仅仅是一个基于HTML5技术的游戏引擎，我们的产品线中除了Egret引擎还提供了很多辅助游戏开发的工具。准确的来说，Egret是一套游戏开发的解决方案。你可以使用Egret引擎来帮助你开发HTML5游戏，并运行在手机和PC端的浏览器中，同时也你可以使用Egret提供的相关工具搭建你自己的游戏开发工作流。

简单应用

对于任何编程开发任务来说，部署一个强大易用的代码编辑器或IDE开发环境是首要的工作。结合Egret本身的特点，我们推荐使用 Egret Wing 来开发 Egret 项目。Egret Wing 是一款针对 Egret 项目的集成开发环境，通过可视化的方式创建、编辑和管理项目中所有游戏用户界面，并可以同时进行 TypeScript 代码编写和断点调试。

对于白鹭引擎来说第一步也是相当重要的一步就是进行环境搭建，代开白鹭引擎之后首先创建项目，我们用Wing3来进行举例，用Wing3先打开项目然后点开里面SRC下的Main.ts打开之后按F5开始保存并运行此项目，如果显示为白鹭默认的背景图则表示环境搭建成功，接下来就是进行简单的操作比如可以将createGameSence内的代码清空，删除代码之后可以用利用一些简单的图片代码插入一些图片这样就完成了一些简单的项目搭建，然后可以按F5查看图片效果等。还可以进行一些简单背景色填充例如：var bg:egret.Shape = new egret.Shape();创建号之后就可进行填充：

`bg.graphics.beginFill( 0x336699 );`

`bg.graphics.drawRect( 0, 0, this.stage.stageWidth, this.stage.stageHeight );`

`bg.graphics.endFill();`

`在运行项目后我们就可以看到一个，简单的矩形背景。这就是简答的白鹭操作。通过更加深入的学习之后可以自己制作简单的H5游戏小项目的开发。`

Egret白鹭引擎初始介绍及简单应用相关推荐

egret白鹭引擎基础介绍
软件介绍 (一)Egret Engine多版本系统 (二)Egret Wing 强大的IDE工具 (三)ResDepot 资源管理工具 (四)Texture Merger:资源打包工具 1. 精灵表输 ...
egret白鹭引擎RES资源管理模块，资源动态加载失效BUG，加载卡死BUG，完整解决方案与超详细调试漏洞过程
我是千里马,是一位软件工程师,最近几天完成了用户中心全套内容设计和游戏中大大小小的各种bug处理解决,准备开始游戏的正式填充,突然想起来还有两件抛之脑后的事情没有做.因为之前一直都是忙碌大方向内容设计 ...
egret 白鹭引擎遇到的问题和解决方案
egret 白鹭引擎遇到的问题和解决方案参考文章: (1)egret 白鹭引擎遇到的问题和解决方案 (2)https://www.cnblogs.com/dt1991/p/11642741.html ...
TexturePacker 导出 Egret(白鹭引擎）格式的图集和图片字体
TexturePacker 导出 Egret(白鹭引擎)格式的图集(egretSheet)和图片字体(egretFont)补丁 https://github.com/chengyoujie/Textu ...
Egret白鹭引擎开发微信小游戏之保存图片到相册
玩家在玩小游戏的过程中,很多时候想要保存一下当前的截图.或者保存游戏内精美的画面到相册,一方面是为了记录在游戏中的美好时刻,另一方面则是能够更好地和朋友们分享我在这游戏中获得的荣耀和快乐,因为我们就会 ...
白鹭安装node_Egret Engine（白鹭引擎）介绍及windows下安装
Egret Engine简要介绍----- Egret Engine(白鹭引擎)[Egret Engine官网:http://www.egret-labs.org/]是一款使用TypeScript语言 ...
白鹭引擎生成html,初识Egret白鹭引擎之创建舞台
简述随着Html5游戏的逐渐普及,了解一款开发引擎,对于开发者是很有帮助的.目前国内比较流行的html5游戏引擎有:cocosCreator.Egret.Laya.今天就给大家详细介绍下当前比较流行 ...
egret(白鹭引擎) 学习历程（二）
昨日因个人原因没能及时更新,今天补上!!!! 上接上一篇文章三:资源配置 1: 在onConfigComplete的最后,有一行加载资源组的代码: RES.loadGroup("prelo ...
Egret(白鹭引擎)——Egret+fairyGui 实战项目入门
前言一行白鹭上青天需求最近,我们老板刷刷的为了省事,给美术减压(背景有点长,不说了). 美术出 fairygui,我需要在网页上看到实时操作,并且看到效果! 需求分析这怕是要了我的狗命啊,但是 ...