Layabox引擎開發H5打地鼠遊戲(四)

2021-08-22 14:50:35 字數 2984 閱讀 3709

實現遊戲的倒計時

顯示遊戲得分

首先說明一點:

開啟目錄

複製貼上增加的素材(3張 切片動畫 進度條)

f5重新整理資源

當value為0 進度條為0

當value為1 進度條為1

在這裡 我們設定value=1 全域性引用 var=timebar

儲存並匯出(f12)

我個人操作:把路徑修改(因為我匯出的沒有.json而是.altas的字尾)

game.js 增加****

var game=(function

(_super)

// this.mole=new mole(this.normal,this.hit,22);

laya.timer.loop(1000,this,this.isshow);

}//註冊類

laya.class(game,"game",_super);

var _proto=game.prototype;

_proto.isshow=function

() // this.mole.show();

this.index=math.floor(math.random()*this.molenum);

this.moles[this.index].show();

}//***

_proto.gameover=function

() return game;

})(ui.gameui);

成功顯示進度條

拖入得分

設定clipx=10(分成10份)index為幾就顯示幾

ctrl+b 轉換成容器 var=scroenums

儲存 匯出發布f12

game.js

var game=(function

(_super)

// this.mole=new mole(this.normal,this.hit,22);

laya.timer.loop(1000,this,this.isshow);

}//註冊類

laya.class(game,"game",_super);

var _proto=game.prototype;

_proto.isshow=function

() // this.mole.show();

this.index=math.floor(math.random()*this.molenum);

this.moles[this.index].show();

}_proto.gameover=function

() _proto.setscore=function

(type)

_proto.updatescoreui=function

(); this.temp=this.score;

for(var i=9;i>=0;i--);

this.temp/=10;

}this.scorenums.datasource=this.data;

}return game;

})(ui.gameui);

mole.js

var mole = (function

(); var _proto=mole.prototype;

//重置

_proto.reset=function

() //顯示

_proto.show=function

(),500,laya.ease.backout,laya.handler.create(this,this.showcomplete))

}//停留

_proto.showcomplete=function

() }

//消失

_proto.hide=function

(),300,laya.ease.backin,laya.handler.create(this,this.reset))}}

//受擊

_proto.hit=function

()

}return mole;

})();

執行 成功顯示

layabox引擎開發h5打地鼠遊戲(三)編輯遊戲介面、實現地鼠的隨機出現

H5本地快取

h5本地儲存 localstorage sessionstorage 兩種用法相似。localstorage 不清除的情況下,會一直存在 sessionstorage 會話關閉,就會消失。方法介紹 setitem getitem 比如 localstorage.setitem key value s...

H5遊戲開發引擎的基本使用

1.引擎,國產 egret 主函式,src main.ts 裡 自定義場景的背景,和文字顯示 最常用的 protected startcreatescene 函式,修改 建立單色背景 let bg new egret.shape bg.graphics.beginfill 0x336699 bg.g...

h5應用資料加密 H5定製開發方案

正文共計 815字預計 產品特性 快速迭代 h5常用於輕量級應用,例如 活動營銷頁面 拉新等,而這些相對開發成本比較低,也可滿足市場需求進行快速迭代。專屬方案 所想即所得,為客戶量身定製策劃方案 多種定製 提供活動營銷 商業 遊戲有效等多種定製 全新互動 互動性強,視覺效果佳,使用者的感官體驗好,可...