手机上播放木疙瘩的H5动画很卡怎么办?5招教你解决!

现在的手机虽然说已经很发达,但是比起电脑来说,性能还是稍有欠缺的,所以我们需要针对我们的H5作品做优化!
H5的优化可以分为几种:

1.素材优化。素材越小手机加载起来自然就更快,运行起来也更轻松,素材图片导出的时候尽量导出舞台上实际使用大小的1.5倍即可,分辨率越大图片大小也就越大了,另外还可以针对不同格式做进一步的压制处理,JPG图片建议在PS中导出时选择“储存为web格式”品质选择50-60这样就可以把图片大小压缩到原来的2/3,PNG图片在网上寻找PNG图片压缩器会有很多种类的压缩器可以帮你把PNG图片压缩到原来的1/3大小!舞台的大小也尽量选用默认的大小,不要超过720P(1280*720分辨率)。声音也可以通过格式工厂等可以进行音频压制的工具进行处理,推荐处理的参数是,MP3格式,采样率(赫兹)22050,比特率(KB/秒)64,声音时长不超过1分半,整体素材大小压缩到3M以内最佳,否则会出现加载时间过长,甚至音频加载不出来的情况!

2.尽可能不调整动画帧速。经常用flash的人都知道,帧速越高,动画播放越流畅,所以如果你是flash设计师过度到木疙瘩设计师的话,往往我们都会下意识的先把帧速调整为视频常用的25活30帧速,这就导致在手机上加载要花费更多的内存去运行了,木疙瘩的关键帧动画是不受帧速限制,移动细腻度是根据手机运行情况做相关优化的,所以不用担心因为帧速为12导致的关键帧动画不顺畅的问题哦!

3.合理利用遮罩和变形动画以及矢量素材。做过flash设计师或flash游戏编程的人都知道,虽然矢量图片、遮罩、和变形动画都能很高保真的被电脑显示出来,无论放大多少都不会改变清晰度,但是这些图形和变换其实都是电脑进行数据运算后产生的图像,每个矢量图形上有很多很多个关键坐标点需要被电脑不断的计算,当使用过多的时候就会导致手机或电脑运算速度下降,而位图则只需要读取位图上的固定像素信息来显示即可,所以尽量不要使用大量的矢量图片以及变化效果,尽可能的替换成位图能很有效的节省运行空间哦!

4.养成清空舞台无用素材的好习惯。我们再做复杂动画的时候,经常会分成很多个图层来操作,一个图层的图片设置从可见到不可见或从舞台内移动到舞台外的变化之后,很多人会懒得再做修改,而继续保留很长一段的可见帧,但是其实透明度为0,或者不在舞台内的素材,手机和电脑等显示设备也是会继续不断的显示这些图片素材然后再修改为透明的,也就意味着会持续的消耗着设备的运算空间,及时的在动画完成的最后一帧插入空白帧或删除多余的帧也可以减少一部分运算空间的浪费哦!

5.关于播放速度稳定的小建议:有时候为了达到完美的效果,动画和音频是必须对上的,但是因为手机有一些卡顿也会导致音画不同步,达不到很完美的效果,这种情况可以把需要同步播放的动画内容放到元件内,然后在舞台上放一个计时器,计时器的最大值选择为动画播放完成的时间,然后通过动画关联,使时间和元件播放做关联,就可以保证元件的播放进度和时间是一致的了!
 
 
最后,如果大家觉得我的建议很有帮助的话,请给我点个赞,因为木疙瘩的论坛是积分制度,每个人发帖或回答问题都需要扣除相应积分,要让我们更好的给大家解答各种问题,还需要大家帮忙点个赞继续支持我哦!
其它优秀文章推荐:
【性能优化】如何防止图片过大导致崩溃和闪退!    http://bbs.mugeda.com/?/article/489
【高级互动】如何用木疙瘩做游戏?   http://bbs.mugeda.com/?/article/392
已邀请:
素材图片导出的时候尽量导出舞台上实际使用大小的1倍即可,这句话意思是素材图片和舞台上实际使用一样大吗?1倍是个什么概念。

要回复问题请先登录注册