第21课 Scratch入门篇:猫咪跑步(连续背景)

故事背景:

  在广阔的草坪上有一只小猫,按下键盘的左右键,小猫不停的奔跑。。。


程序原理:

 这个小猫的奔跑,其实小猫只是一个造型的切换,实际在动的是后面的图,那么如何能设计出连续的背景呢?

1、图片的尺寸大小为480X360(舞台的大小),图片太大会被强制缩小,太小的话需要手动放大

2、图片的左右两侧不要有复杂的图案,因为Scratch的角色在移动的时候会有一些自动计算的突出(无法完全超过舞台的边缘)

3、图片在互相结合的时候用重叠20像素的方式预览,确保重叠之后看起来还是很接近原本的图片 


开始编程

1、在角色中上传一张背景图片,上传完成以后就一个猫咪角色和背景图片。

注意:这里的背景不是背景图,而是一张角色图 

2、小猫咪的实现:小猫通过左右键控制,控制的只是小猫的方向,所以当按下左右键的时候,更改其朝向即可。代码如下: 

3、背景图的移动 背景的移动(因为有第三张背景的图片,所以将控制程序写在猫咪中比较好管理).首先建立两个变量 速度消失点为适用于所有角色,速度表示当按下键盘的时候背景图片改变位置的速度,消失点表示背景图片移动到什么位置就消失(更换下一次显示的位置)

速度变量移动方向的数值和猫咪的相反(猫咪向前跑,背景向后移动)

4、背景图程序: 将第一章的背景图固定在舞台的最右边,坐标使用(235,0),使用235是为了和第二章的图片结合(如果刚是240的时候会造成移动切换时出现空隙), 接着使用重复无限次判断图片的位置,如果图片向左移动到消失点,就让图片移动到右侧的消失点,如果图片向右移动到消失点,就让图片移动到左侧的消失点。

完成以后点击小绿旗,按下键盘的左右键既可以看到背景在移动了 

 复制一个背景角色(第二个背景)修改坐标为(-235,0) 

复制第三个角色角色背景,定位到舞台的正中间 放置在最下边(避免切换时候出现空白)

    这节课有点复杂,如何让背景角色移动的时候不出现缝隙,让人感觉是一个完整的背景,这个在选择背景图上,还有在选择连接点上需要注意。大家多练习下,在几个点上都尝试下,看看设置其他数值对程序影响多大? 遇到问题给我留言!大家一起进步!

版权声明:
作者:cc
链接:https://www.techfm.club/p/153106.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>