我的案例为什么在手机上看起来卡卡的？

daisyzhu

经常有人问：“我的案例在电脑里看好好的，手机里看很卡。”或是说“iPhone很流畅，安卓机就卡卡的。”案例播放的速度很很多因素有关，比如你的网络，你手机的性能等等。一般手机的配置一定是不如电脑，安卓机的配置不如iPhone，所以有时出现卡是必然的。

但我们也可以从案例制作上来优化一下速度，使它更流畅！我们的教学实验室中的0150案例有介绍几种方法优化手机案例的播放。下面是文字版的小贴士：

方法一：

检查你的图片大小。图片大小即为你图片保存在本地时的大小，因为你上传到VXPLO编辑器中，图片是不会被压缩的。所以建议你先把图片大小都处理一下。对于手机案例，640*1008的舞台尺寸，满屏幕的图片的大小控制在100K－200K之间是比较适合的。VXPLO互动大师编辑器中也提供了一个一次性对作品图片做处理的按键。它的作用是整体对你上传的所有图片进行压缩。当你的作品基本完成后，可以点击位于菜单栏左上角的案例优化按钮。



在这里呢我们可以调整里面的优化系数（建议调整为90%，图片不会太模糊），点击保存，这样就可以看到你的作品被优化了。





如果这里显示为0KB，说明你的图片大小已经非常合适，没有压缩的空间了。另外，由于这样的操作非常耗服务器资源，所以我们目前对这样的案例优化是有次数限制的。建议还是将图片大小预先进行处理后上传。

方法二：

如果你使用了滑动时间轴制作滑动页面，在设定滑动时间轴的时候尽量不要让它同时的显示很多张图片，而是设定只有在需要出现的时候出现。例如选中图片4的轨迹，在属性面板中，将开始显示和结束显示都设置为NO。这代表了在滑动过程中，图片4在出现之前，和结束之后都是不可见的。相当于告诉了你的手机，不需要去加载这张图片，那速度自然会提升。





方法三：

当你在设置某些物体运动时，尽量避免在同一个时间点上设置太多的关键帧，过多对象在同时间运动，一定会拖缓手机的运算速度。你可以设置关键帧错开一些同时的点。



方法四：

通过调整舞台属性里的时间轴精度来提高流畅性。对象树点击舞台后，在属性面板中，可以调整时间轴的精度，精度越低间隔的时间越长，计算轨迹的次数越少，高则相反。一般来说将时间轴精度调到70%-80%，即不会影响播放速度的，又可以提高案例的流畅性。



欢迎进入vxplo互动大师官方网站学习和注册使用工具做各种炫酷的交互效果：www.vxplo.cn
对交互设计感兴趣的朋友，欢迎加入VXPLO技术交流群：301817884