HummerMan
首先很抱歉,回复晚了
问题1、使用遮罩导致移动端卡死
答复:
我用vivo测试,点击开始按钮后只有10帧左右,用苹果测试是满帧
去掉遮罩 或者 去掉pear.jpg的显示,是满帧
总结:
1、你的被遮罩对象过大,建议被遮罩的对象大小像素不要超过2048,当然越小越好,最好保持在1024以下,否则性能还是很耗的。
我们的遮罩显示是基于cache的,所以遮罩的对象过大,会造成生成的图片失败甚至报错
修改方式:
不要把整个舞台的显示对象作为被遮罩对象,把需要遮罩的地方设置遮罩显示,如果真的需要整个舞台的遮罩,可以采用裁剪的方式,将不需要显示的地方进行裁剪,减少遮罩的使用,最大程度的提高项目的性能。
2、尽量减少动态重绘,也就是避免给动态的对象添加遮罩
这个也就是为什么去掉pear图片后,帧频会大幅度提高的原因。
请参考:
性能优化方案

问题2、手机端webGL与canvas的渲染效率
webGL模式为3D模式,canvas模式为2D模式,开始WebGL后,性能将会大幅度提高,我们官方提供了性能测试案例,你可以通过移动端扫码和PC端亲自测试下效果。请参考:性能优化方案