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

博主分享了在微信小程序中实现序列帧动画遇到的挑战,包括图片下载延迟导致的计时错误和内存管理问题。尝试了在下载一定数量图片后开始播放、使用workers线程等优化方法,但仍然面临音画不同步和内存限制。解决方案是动态管理内存,只保留当前帧及前一帧图片,有效减少了小程序的内存占用。
摘要由CSDN通过智能技术生成

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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑夜里的四叶草

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值