LAYA和TypeScript制作H5入门——基本代码

上一篇：
LAYA和TypeScript制作H5入门——页面制作

上一篇里，我们制作了H5的第一个页面。
这一篇开始我们学习如何编写代码，并且让我们的页面显示在浏览器里。

第一步，了解需要做什么。
点开src文件夹下的LayaSample.ts。这个脚本是我们整个项目代码的入口。我们需要首先修改这个文件。
具体要做什么？修改顺序是怎样的？

1. 初始化Laya。调用laya.init方法。
2. 我们需要将页面所需要的资源加载完毕。
3. 创建页面的实例。
4. 将页面显示出来。并且根据屏幕大小做适配。
5. 保存代码，点击编译选项。
6. 运行调试，在浏览器里查看你的页面。

第二步，在src目录下，创建两个文件，分别命名为ResourceLoader.ts（资源加载），UIManager.ts（页面管理）。然后开始依次修改LayaSample.ts，ResourceManager.ts以及UIManager.ts。

注：在这个项目中，使用了单例模式来管理各个模块，方便各个模块间的相互调用。具体单例模式可以参考：单例模式。

1，LayaSample.ts负责启动整个项目，初始化项目的单例，以及发起加载资源。

// 程序入口
class GameMain{
   
    constructor()
    {
   
        Laya.init(640,1038);                        //初始化项目，并设置舞台大小为640*1038,保持和页面一致

        Laya.stage.scaleMode=Laya.Stage.SCALE_FULL; 
        Laya.stage.screenMode=Laya.Stage.SCREEN_NONE;

        new ResourceLoader();                       //初始化元素加载类单例  
        new UIManager();