Laya3d 配置

调试

• 性能统计面板

Laya.Stat.show(0,0);

• 调试面板 DebugPanel

//初始化舞台
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

//初始化舞台
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);