bootstrap等待加载动画_足球健将动画制作

9bce916a8cbfd4f17872baf46f3371c2.png

OLED可以用来显示图像,如果我们有多张连续的图像,使用OLED连续调用,并连续显示,就可以实现OLED播放动画的效果。今天这节课,我们将和大家一起制作一个叫做足球健将的动画,练习本地图像调用与OLED显示连续图像的方法。

一、准备图像素材

1、23张图像素材

a0dee03a9657c7eb920fd621ad4a964d.png

2、图片尺寸都是128*64

60e7bd55c98c15ed3e0862864dd71fba.png

3、远程登陆树莓派

3fe10613e56924f0b77d40efb7ed0fad.png

4、复制图片文件至树莓派

49ddeda1a8054e9a43ea1e89911fbcea.png

二、读取并显示第0张图像文件

1、初始化OLED屏

a79974d15fe15faab96731b35c44175b.png

2、新建背景图片

0b05a191ac02a087017404e1fba83fe0.png

3、指定图片路径

df3f29767ba472fd5bc61fd05203f9ca.png

4、从图片路径加载图片赋值给当前图片

72eb01b23b4584e7e1e1e293f2b0778b.png

5、在背景图片上粘贴当前图片

e4336a967acaf57ae12da7d4b5cb992e.png

6、显示背景图片

c461b1848b5770c8c49f5f87934da615.png

7、完整程序如下

4590f6fed36fda3676395492c7068cdb.png

三、循环读取23张图像文件

1、建立For循环

9e1d5405371c68f4888103b919f16ec6.png

注意此处是从0至22,对应图像文件。

2、指定图片路径

8c864aa95a8ed3b84eaed1ff698be4fc.png

这里采用的是字符串拼接的方式动态合成图像文件名。

3、从图片路径加载图片赋值给当前图片

72eb01b23b4584e7e1e1e293f2b0778b.png

4、在背景图片上粘贴当前图片

e4336a967acaf57ae12da7d4b5cb992e.png

5、显示背景图片

c461b1848b5770c8c49f5f87934da615.png

6、完整的循环读取显示部分为

5cf4ef2e65870aa103ad1d3d5dce64ba.png

四、重复动画过程

1、使用重复当真

7d2ae1df01fba42850c307649a3cd97c.png

这个方法不建议使用,因为永远运行下去,不加等待时间,程序容易死机,加了等待时间,动画会变得不连贯。

2、重复有限次数

6a4b8ef956df569187c234079d38b12f.png

第二种方法效果较好,但是使用了两重循环,能不能使用一重循环实现重复动画效果呢?

五、取余法实现重复动画效果

1、创建For循环

3198b00d08428a7441f3980cea74235f.png

思考:把循环的终止值设得大一些,希望程序能够实现重复,但这里为什么要设定是45?如何要实现两次循环的话,应该设定为46呀?

2、对循环变量i取余

4f166da65921e63aa678e9f4cdff26e0.png

思考:为什么要对23进行取余?

3、完整程序

72f22e2fc3c44b8ddfb4c48e704b5484.png

4、运行测试

程序运行正确,实现了两次循环

5、更多重复次数

如果要实现更多次循环,应该怎样设置循环终止值?

参考程序:

eea4e6c3cdba862a7cde0a1e86ae9efd.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值