调试
- 性能统计面板
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);
