关于vue.js:序列帧展示车性能优化

4次阅读

共计 209 个字符,预计需要花费 1 分钟才能阅读完成。

实现思路
用一个板作为车模型展现,在板上绑定材质,36 张图片对应一个纹理;
鼠标滑动车时,进行更换纹理,比间接更换纹理的图片成果更好,毛病是会创立大量的纹理,对性能要求较高;在苹果手机上呈现解体的状况,局部机型会呈现手机卡崩卡黑屏的状况。
解决思路是将图片进行压缩,从 20M 左右压缩到 5M 左右,图片从品质、大小两个角度进行优化。
手机卡崩的状况缩小!

查看代码有大量反复纹理,通过建设缓存进行缩小缓存,通过上述形式实现挪动端兼容

正文完
 0