21.让熊跑起来

  • 学习人数 15K+
  • 适合有C语言基础人群学习
avatar
林耿亮

你好编程主讲老师

上一节中,我们让熊站在了森林的背景前的小路中间。

透明图片

在这一节中,我们让熊在小路上跑起来。

奔跑的熊

1. 跑步动作

注意观察熊在小路上奔跑的动作,可以发现,从左到右奔跑的动作由两部分组成。

  1. 熊从最左边运动到最右边。

熊从最左边运动到最右边

  1. 熊自身的跑步动作。

熊自身的跑步动作

想必怎样让物体从最左端运动到最右端已经难不倒大家了。我们重点来讨论,如何让熊作出奔跑的动作。

事实上,熊的跑步动作由11张具有细微差异的熊的图片轮流播放构成。

图片轮流播放

此外,别忘了为了实现透明图片,每一张图片还有一张对应的掩码。

掩码

创建一个名称为bear的文件夹,在其中再创建两个文件夹framesmasks

  • frames用于放置11张熊跑步的图片,分别命名为bear0.pngbear10.png
  • masks用于放置11张掩码图片,分别命名为bearmask0.pngbearmask10.png

bearFrames

bearMasks