微信小程序播放序列帧动画优化处理 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

微信小程序播放序列帧动画优化处理

发表时间:2020-9-24

发布人:葵宇科技

浏览次数:147

如题,最近要实现一个微信小程序播放序列帧动画的功能。

1、用setInterval计时,依次累加序列帧下标。canvas渲染序列帧图片,序列帧图片直接放到云上,发现现在太耗时了,网络不好的情况下,图片没下载好,下标已经越界了。

2、改进方案,我这边是等图片下载100张之后,才开始播放序列,结果发现计时器出现问题了,造成了音画不同步。也试着让序列下载完成之后在播放,但是图片数量太多,下载时间有点长,等下载完成估计黄花菜都炒好几遍了。

3、继续优化,利用微信小程序workers开启一个计时的线程,这样就不会出现音画不同步的问题了,我的做法是先让主线程下载图片,等下载到100张之后,开始计时,这样就不会出现计时到了图片还没下载完成的情况,但是最重要的问题,小程序的内存是有限的,如果你的图片过多的话,会造成小程序卡顿甚至闪退,我这边的处理方式是:播放当前帧的图片把当前帧的上一帧置空,这样加载到小程序里面的内存就会少很多。

小程序有太多坑等待去踩,先不说了就到这吧,我去填坑

相关案例查看更多