Egret（原名Egret Runtime，现已被华为集成到H5引擎H5 plus中）是一款开源的HTML5游戏开发引擎，它使用JavaScript编写游戏，可以将游戏打包成HTML5文件，直接在网页上运行，无需依赖任何插件。以下是使用Egret制作网页游戏的基本步骤：

1. **安装Egret SDK**：首先需要从Egret官网下载并安装Egret IDE，这是一个集成开发环境，它包含了Egret的所有工具和资源。

2. **学习Egret语言**：Egret有自己的脚本语言EgretScript，类似于JavaScript，但语法更接近C#或ActionScript。你需要学习并掌握这门语言的基本语法和API。

3. **创建新项目**：在Egret IDE中，选择“New Project”，然后按照提示设置项目的基本信息，如项目名称、文件夹位置等。

4. **设计游戏界面**：使用Egret IDE的绘图工具或者外部的UI设计软件（如Photoshop）设计游戏的UI和场景。

5. **编写游戏逻辑**：在EgretScript中编写游戏的逻辑，比如角色移动、碰撞检测、事件处理等。Egret提供了丰富的类库和API，如粒子系统、动画、音频等。

6. **调试和测试**：在Egret IDE中，你可以实时预览和调试游戏，确保游戏的逻辑和表现无误。

7. **打包发布**：当游戏开发完成后，选择“Export”或“Build”选项，将游戏打包成HTML5文件。这个文件可以直接在浏览器中运行，也可以上传到网站供用户下载。

请注意，Egret虽然可以制作复杂的2D游戏，但对于3D游戏或需要大量性能的游戏，可能不如专门的引擎（如Unity或Unreal Engine）适合。如果你是初学者，建议从2D游戏开始学习和实践。

创建OK，使用Egret Wing工具打开刚刚创建的项目，如下图中标识的区域，在Egret Wing中我们可以编辑、保存代码，并编译运行查看执行效果。

安装好开发工具之后我们来创建一个Egret项目，如下图中所示，我们在“项目”页签点击“创建项目”，并填入项目名称、路径、类型，选择扩展库、引擎版本号，以及界面尺寸、缩放模式等信息后即可完成项目创建。

LakeShore：游戏编辑器，使用LakeShore，用户可以不用编写代码就能完成游戏制作三国单机电脑游戏通关手游，同时使用这款工具制作的游戏Windows、Android、IOS、Phone平台上运行。

Egret是Forward学习的第三款游戏开发引擎，这里计划专门用一个系列来记录自己的学习心得，如果有不对的地方希望能帮我指正。

egret如何制作网页游戏

菜鸟丨用Egret制作功能简单的打地鼠类游戏《冰桶挑战》

3. 这里由于资源问题，“洞”都是固定好的，因此再添加一个group改为人物图片大小（TouchEnbled也改为false），添加Rect作为遮罩；再将水桶和倒水的图片拖进去（将这两张图片隐藏掉），结构和效果如下：

H5是一系列制作网页互动效果的技术集合，即H5就是移动端的web页面。而H5游戏，你可以看作是移动端的web游戏，无需下载软件即可体验，这就是H5在传播上的优势。对于许多手游玩家来说，H5可能是个十分陌生的名词，其实H5就是HTML的高级版本，目前H5技术正在不断完善。

TypeScript是一种由微软开发的自由和的编程语言。它是的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的。，的首席架构师，已工作于TypeScript的开发。2012年十月份，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript 0.9，向未来的TypeScript 1.0版迈进了很大一步。

Egret是一套完整的HTML5游戏开发解决方案。Egret中包含多个工具以及项目。Egret Engine是一个基于TypeScript语言开发的HTML5游戏引擎，该项目在BSD许可证下发布。

以上就是本次教程的全部内容了，不知道各位开发者小伙伴们看完之后有没有学会，如果有任何关于白鹭引擎的问题，欢迎在文章内评论，我们共同交流探讨。

（4）、第一步：我们先以变量的形式声明出EUI皮肤中设置的我们需要控制的控件ID，从而获取到这些控件的控制权限。以及一些我们会在后续的逻辑中用到的变量；

（2）、为了方便控制我们构建在EUI中的控件，所以我们把这个类作为主要的程序代码类，当然，你也可以把变量公开，在其他的文件中访问并控制这些变量叠盒子的游戏app叫什么，可以写成MVC模式，更加方便后期的程序维护和管理；

调整完了主类，我们就需要开始真正的游戏逻辑的创建；所以，我们需要先把游戏逻辑内会用到的配置类和工具类创建好，首先，我们先创建一个全局变量配置类：Config。

（9）、最后，把我们制作的EUI皮肤关联的程序类创建到createGameScene方法中，我们在主类中的操作就可以告一段落了。

（8）、接下来看createGameScene函数，该函数下有一堆代码，这些代码全部都是演示项目用到的逻辑，我们并不需要，所以直接移除或者删除就好，并且把后面的一些不会被调用到的方法也删除掉就可以；

本文我们将通过egret引擎实现一个简单的打砖块游戏，游戏的目标是通过屏幕下方的物体接住并反弹小球打碎上方的方块，从而获得积分；除此之外，希望能够通过项目的从无到有，简单的介绍一些egret引擎的功能以及使用方法。

Egret制作Loading页面及分步加载资源教程

shape.graphics.lineTo(self.loadBar.x + self.loadBar.width /2 , self.loadBar.y + self.loadBar.height / 2);

我们都知道，当游戏越做越大，资源越来越多的时候，加载资源会造成大量时间的浪费。为避免加载资源时游戏黑屏，导致玩家误认为游戏非正常运行，Loading界面起到至关重要的作用。今天就为大家带来用Egret制作Loading页面及分步加载资源的教程。