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

故事背景:

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



程序原理:

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

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

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

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



开始编程

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

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


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


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

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


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


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


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


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


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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容