laybox1:打地鼠游戏(创建项目/制作界面/导入资源且显示)

in 编程
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

1.创建项目且导入资源

2.制作打地鼠界面

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

运行程序,查看效果

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看