laybox1：打地鼠游戏（创建项目/制作界面/导入资源且显示）

2019独角兽企业重金招聘Python工程师标准>>>

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);
    }
})()

运行程序，查看效果

转载于:https://my.oschina.net/u/3223370/blog/1586625