少儿编程ScratchJr教程(1)——踢足球
开启新篇章。从这节课开始,我将介绍一个适合更小的小朋友(推荐5岁以上)学习的编程软件,ScratchJr。如果你之前看过少儿编程Scratch3.0教程——基础篇,感觉里面的内容学着比较吃力,不妨也从ScratchJr开始学习。
ScratchJr是一款类似于Scratch的编程软件,不过它将Scratch中的指令进行了简化,将每个积木上的文字说明改成了图标。因此,即使是还不识字的小朋友,也可以用它做出一些有趣的动画和游戏。
虽然功能进行了简化,但是完成一个作品所需要的知识和技能并没有减少,那怕你是一个完全没有接触过编程的成年人,我也推荐你可以将它作为入门体验的内容。
在我看来,Scratch编程是一个很好的亲子活动,父母和孩子可以一起通过它来完成一些简单的作品。在这个过程中,父母自身也能更真切地体会到,为什么练习编程能够提高思维能力和创造力。
和之前的Scratch3.0教程不同,因为ScratchJr中需要学习的指令比较少,我不再将教程分为基础知识和项目练习,而是通过一个个的动画或者游戏,让你自己来学习整个软件的使用。
开始之前,你需要先安装好ScratchJr,这个软件推荐你使用平板电脑进行学习。如果你用的是iPad,直接在App Store中搜索“ScratchJr”,就可以看见它。
如果你使用的是华为、小米、联想等等这些安卓平板电脑,或者用的是Windows、macOS的笔记本电脑,可以在我的微信公众号“梦世界”中,回复“少儿编程”,获取安装包下载链接,下载后进行安装。
需要注意的是,因为ScratchJr官方网站(https://scratchjr.org/)只提供平板电脑的版本,笔记本电脑的版本是由第三方组织(https://jfo8000.github.io/ScratchJr-Desktop/)根据官方软件移植到Windows和MacOS操作系统的。由于涉及到版权原因,在笔记本电脑的ScratchJr中,你会发现少了Scratch中那只小猫的角色,除此之外的其他功能都和平板电脑中一致。
如果你看这个教程的目的是为了学习编程,希望你可以按照我在教程中的指示进行练习,我会在教程中给出不同难易度的提示,引导你完成每节课的动画。整个学习的过程,千万别忘了需要你主动学习,教程只是你的辅助工具,学习效果的好坏,主要在于你自己动手做了多少。
如果你在练习过程中遇到问题,或是有什么好的想法,欢迎在公众号中给我留言。
接下来,我们就开始ScratchJr教程的第一个动画,踢足球。我们先一起来看看做完以后的效果。

怎么样,看完以后你的第一感觉是什么?是不是so easy?那接下来就该你来自己动手了,你可以给自己设定一个完成的时间,5分钟、10分钟、30分钟都可以。在你设置的时间结束之前,尽可能的想办法来完成它。
你可以记录一下制作过程所花的时间,在文章下面给我留言,看看和其他人比起来,自己是不是最厉害的。如果你在设定的时间内没有完成也别灰心,接下来我将给你更多的提示,帮助你来完成它。
在继续往下看之前,记得一定要先自己动手做一做。
好了,我猜一定有一部分小朋友自己动手就完成了上面的动画,还有更多的小朋友只完成了一半或者是不知道从何下手。没关系,因为在上面的内容中,我只让你安装了ScratchJr软件,没有告诉你任何使用方法。接下来我就会一点一点的给你更多的提示,帮忙你自己来完成它。
当你进入ScratchJr软件后,首先会进入到软件的首页,这里主要有3个按钮进行选择。右上角有一个系统设置按钮,下面左边有一个房子图标的是进入系统的按钮,右边有一个问号图标的是进入ScratchJr自带的案例教程的按钮。
点击系统设置按钮,进去以后可以切换语言,或是查看软件的功能介绍。例如,你如果默认进来是英文,就可以在系统设置中切换成简体中文。
点击问题按钮,就会进入到ScratchJr自带的项目示例库,选择一个项目示例就可以运行它完成后的效果,以及看见它用到了哪些东西。如果你是自学ScratchJr,这些项目示例就是你最好的入门教材。
你现在需要做的就是点击房子图标按钮,进入到系统中。在这里你可以看见所有你自己完成的项目,当你点击左边第一个有加号图标的按钮,就会创建一个新项目。
创建新项目以后,就会进入ScratchJr的编程主界面。
接下来,就是你需要学习的第一个知识点,你要分析所制作的动画或者游戏,包括哪几个部分?
你制作的所有动画和游戏,大致都分为3个部分,场景、角色和动作。相应的,在你分析它们时,就需要回答3个问题。
问题一,它发生的场景在哪里?
进入主界面之后,你会看见一个中间有一块大大的白色区域,这里就是进行动画表演的舞台。它现在是白色的,有一个小人站在中央。
每一个动画都会发生在不同的场景中,例如刚刚所演示的踢足球,就发生在海边。这时,你可以通过舞台上面的修改背景图按钮,去选择一个合适的背景图。
好了,你现在需要考虑的第一个问题就是,踢足球的动画发生在什么场景?将它选中。
问题二,动画中有哪些角色?
动画中不能只有场景,更重要的是需要有人在舞台上进行表演,这些表演的人,就叫做角色。通过舞台左边的角色区,你就可以添加这个动画中需要的角色。
如果你选错了,或者改变主意不想要某个角色时,只要在角色区按住角色不放,这个角色的左上角就会出现一个“X”的图标,点击一下,就可以将这个角色给删除。
好了,你现在需要考虑的第二个问题就是,踢足球的动画中有哪些角色?将它们添加进来。
问题三,每个角色都做了什么?
角色被添加到舞台以后不能站着不动,整个动画都需要它们在舞台上进行各种表演。如何来让它们进行表演?这就需要使用舞台下面的指令积木块。
你可以看见,在ScratchJr中总共有6种指令类型,分别是事件积木,运动积木,外观积木,声音积木,控制积木,结束积木。
当你选中某一个指令类型后,右边就会切换出它所对应的指令积木块,每一个积木块都可以让当前所选中的角色,完成不同的事情。
在指令积木的下面,就是用来编程的区域。它的左边,是当前选中的角色的图标,也就是当前被编程的角色。图标的右边区域,是用来放置需要执行的积木块。当你把需要执行的积木块拖入这个区域后,点击一下它,角色就会执行对应的功能。
如果不想使用某个积木块,只需要将它拖出编程区就可以删除掉。
好了,你现在需要考虑的第三个问题就是,踢足球的动画中每个角色都做了什么?具体需要使用哪些指令积木块?
接下来,又到了你自己动手的时间,你需要去做两件事。
第一,把每个分类的积木块都尝试着使用一下,看看它们分别有什么作用?尝试的时候你可以这样来做。先选中一个想要尝试的积木块,试着猜一下它有什么作用,接着把它拖入编程区,点击一下,看看和你猜想的是否一样。你还可以和其他小伙伴一起尝试,比一比看谁猜对的更多。
此外再给你一个小提示,有些积木块,单独使用时,可能看不出任何效果。
第二,如果刚刚你没能完成踢足球的动画,现在试着回答出我刚刚提的三个问题,看看现在能不能自己将它做出来了。
同样的,你还是可以给自己设定一个时间,不过这次因为需要尝试不同的积木块,可以考虑将时间定的长一些。
在继续往下看之前,记得一定要先自己动手做一做。
好了,我猜这次一定有很多小朋友已经自己把踢足球的动画做出来了,如果你没能做出来也没有关系。接下来,我将会带着你一起完成这个动画。
要完成这个动画,就需要先回答上面的三个问题。
问题一,它发生的场景在哪里?
你可以从演示视频中看见,这个小精灵是在海边踢足球,因此你需要先将背景图片换成海边。点击选择背景图按钮,然后选中“海边白天”背景,双击它就可以将它添加到舞台中。
问题二,动画中有哪些角色?
你可以从演示视频中看见,在舞台上有三个角色,小精灵Tic,足球和足球门。
接着,和刚刚选择背景图片类似,点击添加角色按钮,将它们一个一个从角色库中添加到舞台上来。
别忘了,再将它们放在各自的初始位置上。
第三个问题,每个角色都做了什么?
在演示视频中总共发生了3件事:
1、某个角色说,“射门”。
2、足球从Tic身边移动到足球门中。
3、某个角色说,“进球了”。
分析完每个角色都做了什么,接着就需要选择合适的指令积木块来实现它们。
不知道你刚刚有没有将每个积木块的作用都尝试完,如果尝试完的话你肯定会知道,想要让某个角色发出声音,可以利用声音积木来录制声音。每录制一个声音,录制声音按钮旁边就会增加一个积木块。将它拖入编程区,点击一下,就可以听见刚刚录制的声音。
录制声音需要用到电脑上的麦克风,所以你第一次使用时,电脑会弹出一个对话框,询问你是否允许ScratchJr使用麦克风,你只要选择允许使用就可以了 。接下来,你可以试着把需要的声音都录制好。
除了录制声音,在第二步中,还需要让足球移动。这一步用到的积木块是不是很容易找到,运动分类中第一个向右箭头的积木块,可以让角色朝向右边,并向右移动。
但是你在尝试使用这个积木块时,有没有注意到在它的底部有一个数字“1”。当你将它拖入编程区,然后点击一下这个数字,在编程区的最右边会出现一个数字键盘,通过它你可以修改积木块中的数字。在改为不同的数字之后,角色移动的距离也会发生改变。如果刚刚没有发现,现在就赶紧去试一试吧。
接下来,在找到了需要使用的积木块之后,就是你需要学习的第二个重要的知识点,指令可以按照顺序连续执行。
不知道你刚刚在测试每一个积木块时,有没有注意到,积木块的形状是不一样的。大多数的积木块都是左边有一个凹槽,右边有一块凸出去,它们看上去就像是你平时玩的拼图积木,你将多个积木块拖入编程区以后,可以将它们左右相邻,拼接起来。当你去点击几个拼接起来的积木块时,它们会按照从左至右的顺序,一个一个来执行。
例如,点击下面的积木块后,角色会先向右移动,再向上移动,再向左移动,最后向下移动。看上去,就像是角色在舞台上转了一个圈。
讲到这里,我猜你一定能想到,刚刚我们分析的角色需要完成的3个步骤,是不是可以利用声音积木和向右移动积木,把它们拼接在一起就可以实现了。
首先,使用声音积木录制一个声音,“射门”。
接着,使用向右移动积木让足球从左边飞到球门中,看上去就像是它被一脚踢飞过去。这里,你可以使用很多个向右移动的积木拼接在一起,或者只使用一个移动积木,通过改变积木下面的数字,让它移动的更远。
当足球移动到球门位置时,你可能会发现,足球在球门的外面。
这是因为这两个角色重合在了一起,并且足球位于球门的上面一层,挡住了球门。这就类似于你把一张纸放在桌面上,当你去看桌面时,有一部分被纸给挡住看不见了。在ScratchJr中,你只需要用手拖动一下球门,它就能移到足球的前面。
接着,再使用声音积木录制一个声音,“进球了”。
最后,将这几个积木按照从左至右的执行顺序拼接在一起。
还需要注意的是,应该由哪个角色来执行这些指令?是不是需要让足球来执行,完成以后就类似于下面这样。
可能你的足球和球门的位置和我放置的地方不一样,所以你的向右移动积木下面填的数字,可能和我的也不一样。这需要你在开发时,自己去测试,让下面填的数字,刚好可以保证足球能够飞进球门中就可以了。
动画制作到这里,就算是已经基本完成了。不过你如果仔细观看我的演示视频就会发现,我在演示时并没有去点击编程区里面的积木块,并且整个屏幕都是舞台,看不见角色区,编程区其他这些东西。
这就是你需要学习的第三个知识点,通过点击绿旗开始运行程序。
你只要稍微观察就会发现,在舞台的上面除了刚刚说过的修改背景图按钮之外,还有其他几个按钮。其中,最左边的是全屏按钮,最右边是恢复初始状态按钮和点击绿旗启动程序按钮。
当你点击全屏按钮以后,舞台就会填满整个屏幕,在它的上面就只剩下退出全屏按钮和点击绿旗启动程序按钮。
当你的程序开发完成以后,就可以进入全屏模式,在这里演示给其他人看。
在你刚刚开发动画的过程中,一定会出现这样的情况。每次当你的积木块执行完毕,这时足球飞到了球门里,你需要用手将它拖回原来的位置,然后才能重新执行。在这个过程中,可能因为你两次放置足球的位置不一样,导致程序不能每次都让足球刚好飞进球门。这时候,你需要使用的就是恢复初始状态按钮。
当你的程序执行完毕之后,你不需要手动去将足球拖回原位,只用点击一下恢复初始状态按钮,足球就会恢复到你原来放置的位置。除此之外,在你以后制作的动画中,如果你改变了角色的大小或者隐藏状态,只要点击恢复初始状态按钮,都可以将它恢复到最原始的模样。
最后一个就是点击绿旗启动程序按钮,这也是大多数动画或者游戏的开始按钮。具体应该如何使用它呢?其实很简单。当你选择事件分类时,会发现右边有一个绿旗积木。
你再仔细观察事件分类中前4个积木的形状,它们的左边都没有凹槽,说明它们的左边不能拼接其他的积木。它们只能作为程序执行的第一个积木块,放在所有拼接积木的最左边。
事件积木的作用就是用来启动你的程序,当某种事件发生时,相应的事件积木就会开始执行。例如,当舞台上面的绿旗按钮被点击时,绿旗积木就会开始执行。紧接着,所有拼接在它右边的其他积木块,就会像之前说的那样,按照顺序,从左至右,一个一个开始执行。
所以,你刚刚完成的踢足球的程序还剩下最后一步,在刚刚做好的积木块的最左边,增加一个绿旗积木。
现在,你可以像我演示视频中那样,点击全屏按钮进入全屏模式,然后点击舞台右上方的绿旗按钮,开始执行你的程序。你会发现,当你点击绿旗按钮时,你的足球会先自动恢复到最左边,就像是程序自动帮你点击了恢复初始状态按钮,接着才继续执行绿旗积木后面的积木块,发出声音,移动足球,又发出声音,结束程序。
你已经完成了自己第一个ScratchJr的小动画。最后,你可以点击屏幕右上角的黄色按钮,为这个动画取一个自己喜欢的名字。接着,点击角色区上面房子图标的按钮,将项目保存下来。下次当你重新打开ScratchJr软件时,就可以选择保存的项目,继续修改它。
以上,就是ScratchJr教程的第一课。在上面的内容中,你先学习了如何使用ScratchJr软件,接着学习了三个制作动画时需要注意的重要知识点,通过它们制作完成了踢足球的小动画。
最后,还是像最开始所说的那样。如果你看这个教程的目的是为了学习编程,希望你可以按照我在教程中的指示进行练习,在每一个需要你亲自动手的地方停下来,自己尝试着去完成它,不用担心自己做不出来。之后,再与我后面所写的内容作为对照,如此一来你才能获得最大的收获。
同样的,如果你在学习过程中遇到问题无法解决,你可以扫码关注我的微信公众号“梦世界”给我留言,我会对你的提问一一进行解答。或者你有什么好的想法,也欢迎在公众号中给我留言,帮助我对教程进行持续改进。
Talk is cheap. Show me the code...
如果你看完以上内容,对少儿编程感兴趣,有初中以下想学习编程或者数学思维课的小朋友,欢迎联系。如果你有Web应用系统、手机APP、微信小程序等软件开发需求,也欢迎与我联系。期待能与你共同进步。。。
0条留言