首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ScratchJr 编程入门(一)

ScratchJr安装完成,现在就来创建你的第一个项目吧。

(准备工作详见:你要不要带娃玩编程?)

我们将通过一个简单的“舞会”项目一起来开始我们的编程之旅。

效果展示

我们将学到

(一)创建项目。

(二)保存项目。

(三)重命名项目。

(四)添加舞台背景。

(五)蓝色动作积木块。

(六)黄色通过绿旗运行积木块。

01

打开ScratchJr,将看到如下界面。

你可以点击问号按钮,观看演示教程,或者点击左边的“Home”图标创建新项目。

点击Home按钮,进入项目管理页面。

点击加号创建新项目,所有已经创建的项目都会显示在这一页中。

点击加号后,我们就进入了ScratchJr编辑页面,在这里,你可以通过各种积木模块,实现你的创意。

02

随意拖动一下舞台区的猫咪。接着,我们点击页面左上角的“Home”图标,就可以保存项目。

注意:一定要拖动一下猫咪,否则系统会认为你什么都没做,从而不会为你保存任何内容。

点击Home图标后将返回项目列表页面。

如果不这么做,你的项目将不会被保存。

建议在创作项目的过程中,经常做这一步操作,避免创作内容丢失。

03

可以看到,我们刚刚创建的项目使用的是默认名称“Project 4”,我们可以给它修改一个易于辨识的名称。

点击“Project 4”重新进入刚才的编辑页面后,点击页面右上角的黄色不规则图标。

进入项目名称编辑页面。

再次点击“Home”图标,可以看到,“Project 4”变成了“Dance Party”。

至此,我们完成了项目的创建,修改名称和保存项目。

接下来,让我们一起来为项目添加内容吧。

04

首先,给舞会换一个背景。

点击编辑页面上方的“蓝天草地”图标。

这时你会看到很多可以选择的背景图片。

可以看到舞台背景加载成功。

05

我们可以通过拖拽积木块到编程区来为猫咪设计动作。

将积木块拖拽到编程区并卡合在一起,这样就形成了一系列动作,我们称之为“脚本”。

点击任意积木块,脚本就可以运行了,正在运行的积木块会被高亮显示。

尝试添加蓝色动作积木块让猫咪活动起来吧。

这段脚本将使猫咪向左移动5步,跳起,然后向右移动5步,再跳起。

Tips:

(1)每个积木块的底部都有一个数字,点击数字区,可以进行编辑,这样就可以避免多次连续使用同一块积木,使我们的程序看上去更简洁易读。

(2)如果要删除最后一个积木块,直接将它拖拽到积木块区松手即可。如果要删除脚本中间的一块或者几块积木块,需要先在编程区解开卡合,然后将想要删除的部分拖拽到积木块区。按住一个积木块直接拖拽到积木块区将会删除这个积木块至脚本结束的一整段脚本。

(3)ScratchJr中没有对角运行的积木块,如果想让猫咪从舞台的左下角移动到右上角,你只能使用动作积木水平、垂直的移动。

(4)如果一行脚本有多个连续相同的跳跃积木,我们是否可以像(1)中提到的,通过修改数字简化脚本?

实验发现,修改数字输入4的效果,与两块连续跳跃积木为2的效果不同。因为跳跃积木的数字输入控制的是角色跳跃的高度,而不是跳跃的次数。

06

你有没有发现,通过点击运行脚本后,再次点击运行时,猫咪是从当前位置开始移动的,那么我们能不能让猫咪每次都从初始位置开始移动呢?

这就需要用到黄色通过绿旗运行积木块了。

点击积木块区左侧的黄色按钮打开事件积木,然后选择绿旗积木块拖拽到编程区,卡合到脚本的开头。

现在点击编辑区页面顶部的“绿旗”图标,脚本就开始运行了。

并且,猫咪会在脚本运行之前,重置其起始位置,这样就实现了猫咪总是从相同的位置开始移动。你可以在舞台区拖拽猫咪来改变其起始位置。

通过绿旗运行还有一个重要的作用,就是同一个角色可以同时运行两段脚本,比如让角色一边移动一边说话。以后的项目中我们会用到这个功能。

扩展

(1)脚本运行时,观察一下编程区的积木状态有什么不同?运行时的积木块会高亮显示。仔细观察,你就会发现程序是怎么运行的了。

(2)让孩子发挥创意,更换角色或背景,设计一个新主题,沙滩晚会、草地奔跑等等。

篇幅有限,本篇先让猫咪动起来,添加新角色部分我们在下一篇中继续。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180104G0X74500?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券