带你读《零基础看图学ScratchJr : 少儿趣味编程》之一:初识ScratchJr

简介: 本书结合5~7岁这个年龄段孩子的特点,采用绘本式编排,达到寓教于乐的目的。

零基础看图学ScratchJr : 少儿趣味编程
全彩大字版
image.png
快学习教育编著

第1章 初识ScratchJr

ScratchJr是一款运行在平板电脑上的编程应用程序,它沿用了Scratch的编程思想和编程方式,更适合从小接触平板电脑的孩子们。本章就带领大家认识一下这个帮助孩子们学习编程的好伙伴。
初识ScratchJr

1.1 为什么ScratchJr更适合幼儿

ScratchJr是一款专门为5~7岁的幼儿设计的图形化编程应用程序。在ScratchJr中,孩子们可以在舞台上添加背景和角色,然后像搭积木一样组合出程序,让角色按照指令移动、跳跃、舞蹈、唱歌,创建出互动式的故事和游戏。孩子们还可以利用绘图编辑器绘制自己的角色,用麦克风录制自己的声音,用摄像头加入自己拍摄的照片,尽情地发挥创意。
image.png
ScratchJr的开发灵感来自Scratch,但与Scratch又有较大的区别。ScratchJr重新设计了用户界面及编程语言,让操作更加简单,更适合幼儿使用,尤其专注将功能设计得更符合他们的认知、个人、社会和情感发展。
image.png
虽然ScratchJr针对幼儿做了精简,但是它保留了事件、序列、迭代等最核心的编程概念,这些都是学习编程的关键。因此,学会了ScratchJr,再学习Scratch会更轻松。
image.png
在新时代,编程就像听、说、读、写一样,是不可或缺的技能。用ScratchJr学习编程,能够培养孩子的逻辑思考、创意设计、自我表达、解决问题等能力,为他们在未来获得成功打下坚实的基础。编程过程中还需要运用多学科的知识,对学习语文、数学等也有很大帮助。

1.2 ScratchJr的下载与安装

ScratchJr运行在iPad或Android平板电脑上,可在平板电脑的应用程序商店中免费下载和安装。下面以iPad为例,讲解如何下载和安装ScratchJr。打开App Store,然后搜索ScratchJr,找到后点击“获取”按钮。
image.png
image.png
iPad将自动下载并安装ScratchJr应用程序,此时桌面上会显示安装进度。当安装完成后,就会显示ScratchJr图标。
image.png

1.3 如何使用本书及获取帮助

本书是专门为5~7岁的小朋友编写的编程图书。书中的案例经过精心设计,难度由浅入深,将编程的核心思想循序渐进地融合到富有趣味的动画或游戏制作之中,小朋友不用担心看不懂、学不会。下面先介绍一下本书的主要编排模式,帮助大家更好地阅读和理解本书的内容。
image.png
image.png
初次使用ScratchJr的小朋友可能完全不知道应该如何操作。对此,家长也不用担心,可以让小朋友先启动程序,然后点击主界面中的问号图标,观看快速入门视频教程,学习程序的基本操作方法。
image.png
看完快速入门视频教程后,可以让小朋友点击界面顶部的问号图标,查看项目示例。不妨让小朋友随意点开一个项目示例,运行程序看看效果。这样能够快速领略ScratchJr编程的乐趣,提高他们的学习兴趣哦!
image.png
image.png
另外,本书没有像其他编程类图书那样一一讲解界面的构成、积木的功能等。小朋友若想学习这些知识,可以点击ScratchJr界面右上角的书本图标,打开帮助界面。帮助界面包括“关于ScratchJr”“界面指南”“绘图编辑器指南”“积木指南”4个标签。
image.png
在帮助界面底部点击“界面指南”标签,就会展开操作界面的帮助文档。这个操作界面是在ScratchJr中新建或打开一个项目时都会进入的创作界面。点击界面元素所对应的数字,右侧就会显示该元素的功能说明。
image.png
在帮助界面底部点击“绘图编辑器指南”标签,会打开绘图编辑器的帮助文档。绘图编辑器用于自己绘制角色。与“界面指南”一样,只需要点击想了解的界面元素对应的数字,在右侧就会显示该元素的功能说明。
image.png
点击帮助界面底部的“积木指南”标签,则会打开积木的帮助文档。此文档详细介绍了“触发”“动作”“外观”“音效”“控制”“结束”6大模块中各个积木的功能。
image.png
家长帮帮忙
由于iPad的屏幕空间有限,在点击“积木指南”标签后,界面中只能显示部分积木的功能介绍。家长可以指导小朋友用手指上下滑动屏幕,查看更多积木的功能介绍。

1.4 我们来创作第一个作品吧

通过前面的介绍,我们对ScratchJr有了一定的了解。但是ScratchJr到底能做出什么样的效果,这些效果又是如何实现的呢?接下来就通过一个案例进一步认识ScratchJr吧。
本案例是本书中小朋友要动手操作的第一个案例,因此并不要求小朋友完全理解编程的原理及各个积木的作用,而是希望通过这个案例让小朋友了解在ScratchJr中编程的操作流程,并从中体会到编程的乐趣。
image.png
1 打开ScratchJr应用程序,点击小房子形状的Home图标,进入编程创作。
image.png
2 进入初始的创作界面,我们先创建一个新的作品吧,点击界面中的加号图标 。
image.png
3 现在为这个作品添加一张好看的背景吧。打开背景素材库,选择添加适合本案例的“水底”背景。
image.png
image.png
4 在舞台中就出现了“水底”背景效果。在本案例中,我们不会用到“猫猫”角色,所以需要将它删掉。在舞台上按住“猫猫”图片不放,待画面中出现后,点
击,删除“猫猫”角色。
image.png
5 在界面的左侧点击加号图标,在弹出的角色素材库中选择需要的“鲸鱼”角色。
image.png
6 观察整个舞台将会发现,鲸鱼在背景中显得太大了,这时可以利用“缩小”积木调整角色的大小。
image.png
7 添加“缩小”积木后,我们需要修改缩小的比例。点击积木下方的数字,在右侧的数字键盘中点击数字6,再点击编程区的“缩小”积木,这样就完成了对“鲸鱼”大小的调整。在舞台上将调整后的“鲸鱼”移到合适的位置。
image.png
image.png
8 此时已不再需要“缩小”积木,可以将该积木拖出编程区,移除该积木。
image.png
9 现在作品需要的背景和角色都准备好了,接下来就要为“鲸鱼”编写脚本让它动起来。首先,为角色添加一个事件触发积木。
image.png
10 这里要让“鲸鱼”向右移动,因此点击“动作”模块,在右侧的积木组中找到“往右走”积木,将它拖动到编程区,连接在“点击绿旗时开始”积木右侧,并修改移动的格数。
image.png
11 鲸鱼的游动速度相对较慢,所以还可以添加“控制”模块下的“设定速度”积木,调整角色的移动速度。
image.png
12 现在“鲸鱼”已经可以移动了,但是当它移动5格后就会停止,而我们希望它不停地游来游去,所以最后还要添加“无限循环”积木。
image.png
13 到这里,“鲸鱼”角色的脚本就编辑完成了。点击舞台右上方的绿旗图标 ,运行程序,就能看到这条鲸鱼在海底来回游动。确认效果后,点击界面右上方的色块,存储作品。
image.png
14 在弹出的界面中为作品设置名称,再点击右上角的“保存”图标,这样就完成了整个案例的创作。
image.png

相关文章
|
7月前
|
小程序 程序员
程序员的浪漫之——情侣日常小程序
程序员的浪漫之——情侣日常小程序
215 0
|
机器学习/深度学习 存储 人工智能
『程序员对联』抽取你的专属新春对联
新春这个文章说实话,经历了蛮多的,一开始其实我是想用`three.js`做个老虎的,但是呢,失败了。废了好几个小时才搞出来两个`虎爪`,害,都怪我`three.js`的能力连基本上手都算不上,没咋玩明白,下次一定给大家做点好康的~
|
编解码 安全 vr&ar
读心机:哆啦A梦的道具能照进现实了?
哆啦A梦几乎是所有人童年终极的幻想,每一集,哆啦A梦都会给大雄一个道具。有一次大雄在路上被表情意外正经的胖虎叫过去,不料过去后,胖虎却以心烦为由揍了大雄。大雄感到非常委屈,回家后,便向哆啦A梦央求能事先得知对方想法的道具,最后多啦A梦给了他一个读心头盔,大雄戴上之后,就能够听到附近的人心里所想。
读心机:哆啦A梦的道具能照进现实了?
|
程序员
诗词—《蝶恋花·相思何谓情》
诗词—《蝶恋花·相思何谓情》
120 0
|
弹性计算 程序员 区块链
这群程序员疯了!他们想成为IT界最会带货的男人!
随着网红主播越来越火,通过直播带货种草的形式也成了今年双12的热点。 不过,网红主播带货早已见怪不怪,但你们见过程序员直播带货吗!?近日,趁着阿里云双12年末采购节,阿里云邀请了一波程序员GG来为大家直播带货!
|
编解码 人工智能 云计算
用球迷的方式,告诉你为什么这届世界杯不卡了
世界杯期间,什么事最痛苦? 如果有某件事比主队输球还要难受的话,那大概只有隔壁宿舍你的情敌疯狂大叫“进了进了进了”的时候,你的电脑上一个小圆圈在滚动……说真的兄弟,这种情况下还能忍,全校都敬你是条汉子。
2916 0
|
前端开发 Java 程序员
【程序媛晒83行代码】认真工作的程序媛原来是这样,你想到了嘛?
据说认真工作的程序员魅力值加10,这段代码你能猜的出来嘛。
3158 0