很抱歉，我不能提供具体的网页游戏源码，因为这涉及到版权和隐私保护问题。Egret是一个开源的HTML5游戏框架，它主要用于开发2D游戏，但完整的源代码并不会公开。如果你想学习Egret的使用或者开发技巧，可以访问其官方网站（https://www.egret.com.cn/）或者GitHub（https://github.com/egretfe/egret）获取官方文档、教程和示例代码进行学习。

如果你想获取特定游戏的源码，通常需要联系游戏的原始开发者或者在开源社区寻找，但请注意，未经许可直接使用他人的源码是违规的。在学习和开发过程中，尊重他人劳动成果，遵守相关法律法规是非常重要的。

class GameOver extends eui.Component implements eui.UIComponent {

let img: egret.Bitmap = new egret.Bitmap(RES.getRes(GameUtil.peopleEnemy[random]))

let ran = Math.floor(Math.random() * this.group.numChildren);

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

egret 网页游戏源码

steam移植手游盒子class start extends eui.Component implements eui.UIComponent {

新建Eui组件将舞台大小改为640 x 960，开始场景这里资源只有一张图片，把它拖进去，然后选择上下填充进行约束，将数值改为比例以便进行屏幕适配。

今天教大家使用Egret制作一款功能简单的游戏——《冰桶挑战》，这是一款大家熟悉的打地鼠类游戏，点击屏幕使用冰桶浇灭地洞里钻出来的明星，结算得到分数。游戏页面布局使用EUI封装了大量的常用UI组件，满足大部分的交互界面需求，开发者仅用1天时间即可独立完成这款小游戏的开发。

await RES.loadGroup("testRES", 0, loadingView);//加载默认preload组资源,并执行loadingView

分步加载资源和LoadingUI加载方式相同，也同样是为了避免一次性加载太多的资源而造成时间的浪费，加载的同时也可以运行LoadingUI。在资源配置表中继续增加资源组testRES，多加一些preload和loading之外的资源，效果更佳明显。

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

shape.graphics.drawArc(self.loadBar.x + self.loadBar.width /2, self.loadBar.y + self.loadBar.height / 2, self.loadBar.width / 2, 0, angle * Math.PI / 180);

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

let mask = this.getSectorProgress(Math.ceil((current/total) * 360));

this.textField.text = Math.ceil((current/total)*100).toString() + "%";

class LoadingUI extends egret.Sprite implements RES.PromiseTaskReporter {

await RES.loadGroup("preload", 0, loadingView);//加载默认preload组资源,并执行loadingView

await RES.loadConfig("resource/default.res.json", "resource/");//加载配置表

在Main.ts修改loadResource()函数资源的加载顺序，先把LoadingUI所需要的资源异步加载成功，再创建LoadingUI的实例。

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

在runGame中，当我们加载完预定义的资源后，就开始创建场景中的背景、对象、设置icon等，这些与具体想实现的功能有关三星怎么下载4399游戏盒子，这里不做过多解释，涉及到要创建的各种控件对象我们后续专门一章来学习。

在loadResource中，首先创建了一个LoadingUI，就是一个加载页面，然后开始加载default.res.json文件，文件路径在resource目录。加载页面展示的进度则是default.res.json中preload分组的加载进度，当加载资源完成后，移除加载页面。我们打开这个文件可以看到，实际上这个文件里面的groups中定义了预定义的分组资源，而在resources中定义了各个资源的名称、类型和url。整个文件是一个json格式的资源配置文件，如下图所示。

通过这个container以及前面传递过来一个参数集options，然后创建了一个web.webPlayer，而这个web.webPlayer的start接口就调起了我们src目录下Main的一个对象。

我们可以看出，在加载完manifest文件之后，将manifest文件中initial和game拼接在一起作为一个list。然后通过loadScript开始加载list中所有文件。而每一个文件则是通过loadSingleScript来完成加载的。按照上面的定义首先加载的一定是egret.js，接下来是egret.web.js、game.js...

initial中的是egret库对应的js文件，也就是我们在《Egret开发笔记（一）》中创建项目时勾选引入的引擎库，如下图：

在Egret Wing中打开上一节中我们创建的项目工程，查看代码目录结构，Forward在如下图中标记了各个目录的及关键文件的用途。