laybox1：打地鼠遊戲（建立項目/製做界面/導入資源且顯示）

1.建立項目且導入資源

• 打開ide點擊文件建立項目，創建一個HitMole項目 類型LayaAir空項目 語言：JS  引擎版本：1.5.3
• 資源目錄：laya/assets/comp ,先刪除掉多餘的資源，把遊戲的資源複製到該目錄下

2.製做打地鼠界面

• 切換到編輯模式下，建立頁面：
• 把背景圖拖到界面面板 居中固定好，把常態地鼠/受擊地鼠/車罩 拖到界面
• 命名：var:hit   var:normal
• 把受擊/正常/車罩三者轉化爲覺得容器 ，導出頁面 F12，導出後 src生成了一個ui界面的目錄，目錄裏面是製做的界面類，bin/res/altis/comp.png

3.在代碼中加載資源且顯示出來

在入口類中編寫：src/LayaSample.js

var LayaSample = (function(){
    （function(){
        //初始化引擎 w,h,webGL
        Laya.init(800,600);
        //設置舞臺的顏色
        Laya.stage.bgColor = '#ffcccc';
        //加載資源 第一個參數資源描述文件路徑，第二個參數是加載完後的回調函數，第三個參數是進度函數，第四個是資源類型    
       Laya.loader.load("res/atlas/comp.json",Laya.Handler.create(this,onLoaded),null,Laya.Load.ATL)
    })();
})()

新建一個界面類繼承ui類：src/Game.js

var Game = (function(_super){
    function Game(){
        Game.super(this)
        //實例化地鼠類第一個是常態圖 第二個參數是受擊圖 第三個參數是最低點
        this.mole = new Mole(this.normal,this.hit,21);
        //添加劇複函數
        Laya.timer.loop(2000,this,this.onLoop);
    }
    //註冊類 第一個參數是主函數，第二個參數是他的全路徑，第三個參數是他的父類
    Laya.class(Game,"Game",_super);

    //聲明一個原型
    _proto = Game.prototype;
    _proto.onLoop = function(){
         this.mole.show();
     }

    //返回Game類
    return Game;
})(ui.GameUI);

回到入口類，把新建的界面類實例❀到舞臺上

var LayaSample = (function(){
    （function(){
        //初始化引擎 w,h,webGL
        Laya.init(800,600);
        //設置舞臺的顏色
        Laya.stage.bgColor = '#ffcccc';
        //加載資源 第一個參數資源描述文件路徑，第二個參數是加載完後的回調函數，第三個參數是進度函數，第四個是資源類型    
       Laya.loader.load("res/atlas/comp.json",Laya.Handler.create(this,onLoaded),null,Laya.Loader.ATLAS)
    })();
    //資源加載完成後執行操做
    function onLoaded(){
       var game = new Game();
       Laya.stage.addChild(game);
    }
})()

運行程序，查看效果