調(diào)試
- 性能統(tǒng)計(jì)面板
Laya.Stat.show(0,0);
- 調(diào)試面板 DebugPanel
<script type="text/javascript" src="libs/laya.debugtool.js"></script>
//初始化舞臺(tái)
Laya.init(1334, 750);
//調(diào)用DebugPanel調(diào)試面板
Laya.DebugPanel.init();
//設(shè)置舞臺(tái)背景色
Laya.stage.bgColor = "#ffffff";
var Img = new Laya.Sprite();
//添加到舞臺(tái)
Laya.stage.addChild(Img);
Img.loadImage("res/img/monkey1.png",200);
1.png
- 調(diào)試工具 DebugTool
<script type="text/javascript" src="libs/laya.debugtool.js"></script>
//初始化舞臺(tái)
Laya.init(1334, 750);
//調(diào)用DebugTool調(diào)試面板
Laya.DebugTool.init();
//設(shè)置舞臺(tái)背景色
Laya.stage.bgColor = "#ffffff";
var Img = new Laya.Sprite();
//添加到舞臺(tái)
Laya.stage.addChild(Img);
Img.loadImage("res/img/monkey1.png",200);
加載機(jī)制
- XMLHttpRequest 加載
var xhr = new XMLHttpRequest();
xhr.open("get", "res/atlas/comp.png", true);
xhr.responseType = "arraybuffer";
xhr.onload = function () {
if (this.status == 200) {
var blob = new Blob([this.response], { type: "image/png" });
var img = document.createElement("img");
img.onload = function (e) {
window.URL.revokeObjectURL(img.src); // 清除釋放;
};
img.src = window.URL.createObjectURL(blob);
document.body.appendChild(img);
}
}
xhr.send();
- XMLHttpRequest 在Laya中使用
//初始化引擎
Laya.init(1136,640);
var sp = new Laya.Sprite();
var xhr = new Laya.HttpRequest();
xhr.once(Laya.Event.COMPLETE,this,completeHandler);
xhr.once(Laya.Event.ERROR,this,errorHandler);
xhr.send("res/monkey2.png","","get","arraybuffer");
function completeHandler(data){
//加載完成返回的data是arraybuffer此疹；
//.......這里處理我們加密的圖片數(shù)據(jù)，假設(shè)我們的圖片加密數(shù)據(jù)是在圖片的前面寫入了四個(gè)字節(jié)的數(shù)據(jù)
//.......解密邏輯開始處理數(shù)據(jù)窘哈。
var byte = new Laya.Byte(data);//Byte數(shù)組接收arraybuffer
byte.writeArrayBuffer(data,4);//從第四個(gè)字節(jié)開始讀取數(shù)據(jù)
var blob = new Laya.Browser.window.Blob([data], { type: "image/png" });
var url = Laya.Browser.window.URL.createObjectURL(blob);//創(chuàng)建一個(gè)url對(duì)象；
////我們先用第一種方式顯示圖片到舞臺(tái)桥帆；
var sp = new Laya.Sprite();
sp.loadImage(url);
Laya.stage.addChild(sp);//添加到舞臺(tái)
}
function errorHandler(url){
}
- 多線程 worker
后臺(tái)加載
//初始化引擎
Laya.init(600,400,Laya.WebGL);
//設(shè)置Laya提供的worker.js路徑
Laya.WorkerLoader.workerPath = "libs/worker.js";
//開啟worker線程
Laya.WorkerLoader.enable = true;
//加載引擎需要的資源
Laya.loader.load("res/atlas/comp.atlas",Laya.Handler.create(this,onLoaded));
function onLoaded(){
//實(shí)例UI界面
var testView = ui.test.TestPageUI();
Laya.stage.addChild(testView);
}
緩動(dòng)動(dòng)畫 tween
Laya.Tween.from(letterText,{y:100},3000,Laya.Ease.elasticInOut,null,i*1000);
/**
* 對(duì)象letterText屬性y從100緩動(dòng)到300的位置砂蔽，每一幀都通過回調(diào)方法更新顏色
* 用1000毫秒完成緩動(dòng)效果
* 緩動(dòng)類型采用bounceIn
* 單個(gè)字符的緩動(dòng)效果結(jié)束后，使用changeColor回調(diào)函數(shù)將字符改變?yōu)榧t色
* 延遲間隔i*100毫秒執(zhí)行
*/
Laya.Tween.to(letterText,{y:300,update:new Laya.Handler(this,updateColor,
[letterText])},1000,Laya.Ease.bounceIn,Laya.Handler.create
(this,changeColor,[letterText]),i*1000);
