html5会卡,加载的时候动画会卡 - layabox问答社区-HTML5引擎社区-LayaAir开发者社区...-CSDN博客

上代码：

_pro.startLoad = function() {

this.loadLayer = new Lload();

this.big.addChild(this.loadLayer);

var imgArr = ;

imgArr.push({url:"cont/cpf1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/cpr1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/cps1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/cpt1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/cpy1.jpg",type:Loader.IMAGE});

imgArr.push({url:"res/atlas/cont.json",type:Loader.ATLAS});

Laya.loader.load(imgArr,Handler.create(this,onAssetLoaded),Handler.create(this,onProgress,null,false));

}

(function() {

function Lload() {

Lload.__super.call(this);

this.dh();

this.btn.on(Event.MOUSE_DOWN,game,this.toquanjing);

Laya.propertyIsEnumerable = true;

}

Laya.class(Lload,"Lload",ui.loadUI);

Lload.prototype.dh = function(){

this.ani1.play(0,true);

Tween.to(this.bigfont,{scaleX:1,scaleY:1},500,Ease.backOut,null,0)

Tween.to(this.smallfont,{y:905},500,null,null,500);

//Tween.to(this.diqiu,{rotation:36000},100000,null,null,500);

}

Lload.prototype.loadEnd = function(){

this.ani1.stop();

Tween.to(this.smallfont,{alpha:0},500);

Tween.to(this.btn,{y:925},500,null,null,500)

}

Lload.prototype.toquanjing = function(){

tj.qicheng();

game.toquanjing();

}

})();

this.ani1是一个帧动画一个图片不断地旋转。

然而在iphone6 6S 6P上回出问题，加载资源的时候，页面上的动画会变得非常卡。去掉了加载代码，就一切流畅。

今天我又在加载之前加了一段定时器，就是页面上的一个数字，利用setintval不停的加1，结果和动画很像。

正常来说数字应该是这样子 1 2 3 4 5 6 7 8 9 10 11 12 13 ....

但是实际上这样子： 1 2 3 7 10 13....

也就是说中间很多次的渲染都没了

亲测了很多部6 6S 6P都这样，把代码发给官方，官方测试说都没有问题，我就不知所措了。客户那边也测试全都有问题。

我做了几种大胆推测：

加载资源很消耗性能，导致了卡顿。

加载的时候导致渲染出现问题。

另外，今天做了一次尝试，把加载的资源去掉一部分就不卡了：

_pro.startLoad = function() {

this.loadLayer = new Lload();

this.big.addChild(this.loadLayer);

var imgArr = ;

imgArr.push({url:"cont/cpf1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/cpr1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/cps1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/cpt1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/cpy1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/lzsf1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/lzsr1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/lzss1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/lzst1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/lzsy1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/qj1.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/qj2.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/qj3.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/qj4.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/qj5.jpg",type:Loader.IMAGE});

imgArr.push({url:"cont/zj1.png",type:Loader.IMAGE});

imgArr.push({url:"cont/zj4.png",type:Loader.IMAGE});

imgArr.push({url:"cont/zj5.png",type:Loader.IMAGE});

imgArr.push({url:"cont/zj7.png",type:Loader.IMAGE});

imgArr.push({url:"cont/zj9.png",type:Loader.IMAGE});

imgArr.push({url:"cont/ycj1.png",type:Loader.IMAGE});

imgArr.push({url:"res/atlas/cont.json",type:Loader.ATLAS});

Laya.loader.load(imgArr,Handler.create(this,onAssetLoaded),Handler.create(this,onProgress,null,false));

}

还有一个规律凡是卡的时候，浏览器上方的绿条都走不到头，等到加载完才会过去。