調試
- 性能統計面板
Laya.Stat.show(0,0);
- 調試面板 DebugPanel
<script type="text/javascript" src="libs/laya.debugtool.js"></script>
//初始化舞臺
Laya.init(1334, 750);
//調用DebugPanel調試面板
Laya.DebugPanel.init();
//設置舞臺背景色
Laya.stage.bgColor = "#ffffff";
var Img = new Laya.Sprite();
//添加到舞臺
Laya.stage.addChild(Img);
Img.loadImage("res/img/monkey1.png",200);
1.png
- 調試工具 DebugTool
<script type="text/javascript" src="libs/laya.debugtool.js"></script>
//初始化舞臺
Laya.init(1334, 750);
//調用DebugTool調試面板
Laya.DebugTool.init();
//設置舞臺背景色
Laya.stage.bgColor = "#ffffff";
var Img = new Laya.Sprite();
//添加到舞臺
Laya.stage.addChild(Img);
Img.loadImage("res/img/monkey1.png",200);
加載機制
- 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；
//.......這里處理我們加密的圖片數據，假設我們的圖片加密數據是在圖片的前面寫入了四個字節的數據
//.......解密邏輯開始處理數據。
var byte = new Laya.Byte(data);//Byte數組接收arraybuffer
byte.writeArrayBuffer(data,4);//從第四個字節開始讀取數據
var blob = new Laya.Browser.window.Blob([data], { type: "image/png" });
var url = Laya.Browser.window.URL.createObjectURL(blob);//創建一個url對象；
////我們先用第一種方式顯示圖片到舞臺；
var sp = new Laya.Sprite();
sp.loadImage(url);
Laya.stage.addChild(sp);//添加到舞臺
}
function errorHandler(url){
}
- 多線程 worker
后臺加載
//初始化引擎
Laya.init(600,400,Laya.WebGL);
//設置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(){
//實例UI界面
var testView = ui.test.TestPageUI();
Laya.stage.addChild(testView);
}
緩動動畫 tween
Laya.Tween.from(letterText,{y:100},3000,Laya.Ease.elasticInOut,null,i*1000);
/**
* 對象letterText屬性y從100緩動到300的位置，每一幀都通過回調方法更新顏色
* 用1000毫秒完成緩動效果
* 緩動類型采用bounceIn
* 單個字符的緩動效果結束后，使用changeColor回調函數將字符改變為紅色
* 延遲間隔i*100毫秒執行
*/
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);
