在上一篇文章中着重介绍了H5小游戏开发的起步阶段，如Wing面板的使用，素材的处理，类的说明等等，那么今天主要是涉及到场景的创建，loading的修改等等的代码编写。
对于这一节，我在讲解的过程中会使用到众多的类或对象，对于它们的具体用法，建议查看白鹭官方文档。
文档地址：
修改Loading
上一节我们讲到即将创建场景createGameScene()的时候就结束了，这一节在我们正常创建场景之前，我们先修改一下loading页的效果。毕竟它是最先进入我们视野的页面。
如果你还有印象，应该记得我提过LoadingUI的实例化的地方，并添加到stage。
为了修改loading效果，我们先打开LoadingUI.ts，我们可以看到在loading实例化之后，会执行createView()方法。
为了将文本居中，将textField的宽度改成舞台的宽度640，利用center实现水平居中。同时将y轴调到适当的位置500。
因为RES.ResourceEvent事件只能返回当前已加载数和加载总数两个参数，所以为了把加载进度更加直观一点，我们一般写成百分比的形式。
设置进度的代码如下：
public setProgress(current, total):void { var num = Math.floor(current / total * 100); this.textField.text = num.toString() + " %"; }