预备知识

• 在场景中添加化身

 

说明

当一个化身（avatar，也叫替身或者人像）做出三维动画的时候，它是在快速的展示一系列的身体姿势。每个姿势都会定义化身各个部分的位置和角度。举个例子，下图展示奔跑动画中的五个姿势。

 

 

在一个化身被加载之后，它只知道怎么样运行“待命”这个动画，也就是站在原地，什么都不做。你可以很简单地为化身添加其他的动画，就好像你在“教”这个化身去做更多事情一样。要使用动画，你需要知道如何做三件事情：如何添加动画到化身，如何开始一个动画以及如何停止一个动画。

 

把动画添加到化身的编程积木

下面这个积木可以“教会”一个化身如何做一个或者多个动画动作：

 

• 动画名称列表: 在化身中被允许的动画列表。当你点击“请选择”输入框时，一个新的窗口会展示所有你可以选择的预先建好的动画。需要注意的是，你可以同时选择很多个动画。当你点击选择任何动画时，它将会被陈列在窗口的顶部。你可以点击陈列在顶部的任何动画来取消它。最后，你需要点击右上角的”确认“按钮。

 

• 在你确认需要添加的动画列表之后，它们的名字会被一个一个地添加到列表中，之间以逗号分隔开。举个例子，下列的编程积木包含两个名为“快跑”和“打败”的动画：

 

 

运行结果

当你运行这个编程积木的时候，被选择的动画将会被下载并添加到这个化身模型中。需要注意的是，这个编程积木只能在化身被加载到场景中之后被使用。事实上，这个编程积木通常会被直接放置在“添加化身”积木的下面。

此外，你只需要在化身上添加一次动画，当动画已经被添加到化身之后，你不需要再次添加他们。一个很常见的错误就是在一个循环里重复运行“添加动画”积木。换句话说，如果一个化身已经学会了怎样跑，你就不需要再一遍一遍的教他怎样跑了。

 

开始动画的编程积木

这个积木可以用来开始运行一个新的动画：

• 动画名称: 需要被运行的动画名称。当你点击“请选择”输入框时，一个新的视窗会展示所有你可以使用的动画。需要注意的是，你要选择的动画必须在此之前已经被包含在“添加动画”积木中。举个例子，要运行“飞”的动画，你需要先在化身中添加“飞”这个动画，否则它将不知道怎么样“飞”。

• 循环: 如果“是”，那么动画会在它完成播放时就会重新开始；如果“否”，那动画将会在播放一次之后停止，并把化身静止在最后一个姿势，直到你开始另一个动画。

• 从%: 动画以百分比来计算的起始点，它可以是0到100之间的任何数值。举个例子，假设动画有40个姿势，而如果我们把“从%”设置成50，那么动画将会在第20个姿势开始，而不是从第一个姿势开始。

• 到%: 动画以百分比来计算的结束点，它可以是0到100之间的任何数值，并且不小于“从%”。举个例子，假设动画有40个姿势，如果我们把“到%”设置成80，那么动画将会在第32个姿势结束。这个时候，如果“循环”为“是”，那么动画会回到“从%”指定的姿势重新开始运行。如果循环为“否”，那么动画将会静止在第32个姿势。

• 速度比例: 速度比例控制播放动画的速率。当它是100时，动画会以它原本的速度播放。如果数值大于100，比如200，那么动画将会以2倍速播放，也就是说，每两个相邻的姿势之间的间隔时间会减少一半。需要注意的是，速度比例不会影响开始和结束的姿势，只是控制姿势一个个被展现出来的速度。

• 运行模式: 如果是“需等待的”，那么程序逻辑将会在这个积木运行完毕之前都被暂停在这个积木上；如果是“可继续的”，那么程序逻辑将在开始动画后立刻继续到这个积木下方的其他积木。举个例子，如果你把动画设置成重复执行，并也把它设置成“需等待的”，那么这个积木下方的积木都将不会被运行。

• 偏移 x/y/z: 在开始一个动画的时候，你可以在不改变化身的位置的情况下让它的身体偏移一个距离。如下图示例, 当一个化身从“待命”转而开始“飞”的动作的时候，它的飞行高度就是它的脚下。这看起来有的别扭。要解决这个问题，我们可以在Z方向增加一个偏移距离，这样化身的身体中心就不会改变太多。

 

• 进度列表 和 广播消息列表: 最后 2 个输入允许你在动画运行期间的某些时间点自动广播消息。 “广播消息列表”输入接受一个或多个以逗号分隔的消息，例如“移动,返回”（你必须在此之前使用“接收消息”积木来定义这些消息）。 “进度列表”输入接受一个以逗号分隔的进度时间列表，例如“50,100”代表进度50%和100%。你必须确保消息的数量和进度点的数量相同。在下面的示例中，我们让化身开始循环运行跳舞的动画，并且在每次进行到 50% 和 100% 两个进度的时候广播“变色”这个消息：

 
 

运行结果

当运行“开始动画”这个编程积木时，化身将会根据你指定的参数来运行特定的动画。如果化身已经在运行其他指定的动画，那么那个动画将会被先停止。

需要注意的是，大部分动画都是由“原地不动”的姿势组成，就是说动画并不改变化身的位置。举个例子，要让一个化身奔跑，你需要在播放“跑”的动画的同时另外改变化身的位置（比如使用移动积木）。不然的话，化身会在原地跑步。

 
 

示例

程序： 这个程序添加两个动画到机器人化身，并以“重复循环”模式运行“奔跑”动画。因为动画是“可继续的”，在它下方的重复循环编程积木会直接开始，让角色向前移动。

 

结果展示

 
 

停止动画

有时你可能希望化身停止当前正在运行的动画，例如停止奔跑或停止跳舞。你会发现并没有“停止动画”的积木。相反，你应该让化身开始“待命”动画。

如下图所示，你可以使用按钮控件来添加两个按钮：其中一个按钮使化身跳舞，而另一个按钮使其回到待命状态：

 

预备知识

• 在场景中添加化身

 

说明

当一个化身（avatar，也叫替身或者人像）做出三维动画的时候，它是在快速的展示一系列的身体姿势。每个姿势都会定义化身各个部分的位置和角度。举个例子，下图展示奔跑动画中的五个姿势。

 

 

在一个化身被加载之后，它只知道怎么样运行“待命”这个动画，也就是站在原地，什么都不做。你可以很简单地为化身添加其他的动画，就好像你在“教”这个化身去做更多事情一样。要使用动画，你需要知道如何做三件事情：如何添加动画到化身，如何开始一个动画以及如何停止一个动画。

 

把动画添加到化身的编程积木

下面这个积木可以“教会”一个化身如何做一个或者多个动画动作：

 

• 动画名称列表: 在化身中被允许的动画列表。当你点击“请选择”输入框时，一个新的窗口会展示所有你可以选择的预先建好的动画。需要注意的是，你可以同时选择很多个动画。当你点击选择任何动画时，它将会被陈列在窗口的顶部。你可以点击陈列在顶部的任何动画来取消它。最后，你需要点击右上角的”确认“按钮。

 

• 在你确认需要添加的动画列表之后，它们的名字会被一个一个地添加到列表中，之间以逗号分隔开。举个例子，下列的编程积木包含两个名为“快跑”和“打败”的动画：

 

 

运行结果

当你运行这个编程积木的时候，被选择的动画将会被下载并添加到这个化身模型中。需要注意的是，这个编程积木只能在化身被加载到场景中之后被使用。事实上，这个编程积木通常会被直接放置在“添加化身”积木的下面。

此外，你只需要在化身上添加一次动画，当动画已经被添加到化身之后，你不需要再次添加他们。一个很常见的错误就是在一个循环里重复运行“添加动画”积木。换句话说，如果一个化身已经学会了怎样跑，你就不需要再一遍一遍的教他怎样跑了。

 

开始动画的编程积木

这个积木可以用来开始运行一个新的动画：

• 动画名称: 需要被运行的动画名称。当你点击“请选择”输入框时，一个新的视窗会展示所有你可以使用的动画。需要注意的是，你要选择的动画必须在此之前已经被包含在“添加动画”积木中。举个例子，要运行“飞”的动画，你需要先在化身中添加“飞”这个动画，否则它将不知道怎么样“飞”。

• 循环: 如果“是”，那么动画会在它完成播放时就会重新开始；如果“否”，那动画将会在播放一次之后停止，并把化身静止在最后一个姿势，直到你开始另一个动画。

• 从%: 动画以百分比来计算的起始点，它可以是0到100之间的任何数值。举个例子，假设动画有40个姿势，而如果我们把“从%”设置成50，那么动画将会在第20个姿势开始，而不是从第一个姿势开始。

• 到%: 动画以百分比来计算的结束点，它可以是0到100之间的任何数值，并且不小于“从%”。举个例子，假设动画有40个姿势，如果我们把“到%”设置成80，那么动画将会在第32个姿势结束。这个时候，如果“循环”为“是”，那么动画会回到“从%”指定的姿势重新开始运行。如果循环为“否”，那么动画将会静止在第32个姿势。

• 速度比例: 速度比例控制播放动画的速率。当它是100时，动画会以它原本的速度播放。如果数值大于100，比如200，那么动画将会以2倍速播放，也就是说，每两个相邻的姿势之间的间隔时间会减少一半。需要注意的是，速度比例不会影响开始和结束的姿势，只是控制姿势一个个被展现出来的速度。

• 运行模式: 如果是“需等待的”，那么程序逻辑将会在这个积木运行完毕之前都被暂停在这个积木上；如果是“可继续的”，那么程序逻辑将在开始动画后立刻继续到这个积木下方的其他积木。举个例子，如果你把动画设置成重复执行，并也把它设置成“需等待的”，那么这个积木下方的积木都将不会被运行。

• 偏移 x/y/z: 在开始一个动画的时候，你可以在不改变化身的位置的情况下让它的身体偏移一个距离。如下图示例, 当一个化身从“待命”转而开始“飞”的动作的时候，它的飞行高度就是它的脚下。这看起来有的别扭。要解决这个问题，我们可以在Z方向增加一个偏移距离，这样化身的身体中心就不会改变太多。

 

• 进度列表 和 广播消息列表: 最后 2 个输入允许你在动画运行期间的某些时间点自动广播消息。 “广播消息列表”输入接受一个或多个以逗号分隔的消息，例如“移动,返回”（你必须在此之前使用“接收消息”积木来定义这些消息）。 “进度列表”输入接受一个以逗号分隔的进度时间列表，例如“50,100”代表进度50%和100%。你必须确保消息的数量和进度点的数量相同。在下面的示例中，我们让化身开始循环运行跳舞的动画，并且在每次进行到 50% 和 100% 两个进度的时候广播“变色”这个消息：

 
 

运行结果

当运行“开始动画”这个编程积木时，化身将会根据你指定的参数来运行特定的动画。如果化身已经在运行其他指定的动画，那么那个动画将会被先停止。

需要注意的是，大部分动画都是由“原地不动”的姿势组成，就是说动画并不改变化身的位置。举个例子，要让一个化身奔跑，你需要在播放“跑”的动画的同时另外改变化身的位置（比如使用移动积木）。不然的话，化身会在原地跑步。

 
 

示例

程序： 这个程序添加两个动画到机器人化身，并以“重复循环”模式运行“奔跑”动画。因为动画是“可继续的”，在它下方的重复循环编程积木会直接开始，让角色向前移动。

 

结果展示

 
 

停止动画

有时你可能希望化身停止当前正在运行的动画，例如停止奔跑或停止跳舞。你会发现并没有“停止动画”的积木。相反，你应该让化身开始“待命”动画。

如下图所示，你可以使用按钮控件来添加两个按钮：其中一个按钮使化身跳舞，而另一个按钮使其回到待命状态：

 

预备知识

• 在三维场景导航中使用轨道摄像头

 

介绍

你可以利用这个编程积木来设置轨道摄像头的极限：

 

 

参数

 

• 最小/最大半径: 这两个输入框设置了轨道摄像头和他的目标点之间的最小和最大距离。举个例子，如果你把最小半径设置成1，那么当你用鼠标滚动按钮或W键把摄像头放大时，你距离摄像头目标的距离不能小于1个单位的距离：

 

 

• 可见距离 最小/最大: 这两个数值控制场景中被展示的物体范围。举个例子，如果我们把距离设置成5到1000，那么任何和摄像头距离小于五个单位或大于1000个单位的物体将不会被展示在摄像机里。
  

 

• 上下角度 最小/最大: 这两个数值控制了摄像头的上下角度。默认情况下上下角度为0至180度，这个数值覆盖了所有角度。无论如何，如果你把上下角度设置成更小的角度，那么摄像头将不可以倾斜到大于或小于这个角度：

 

 

• 速度比例 平移/转动: 最后两个数值控制你可以手动平移或旋转摄像头的速度。这两个数值越大，摄像头会移动得越快。举个例子，这个速度展示了500对比5000的平移速度差异：

 

 

 
 

示例

当我们使用不同的天空时，我们必须要设置摄像头的可见范围。 “设置天空”积木会为场景添加一个巨大的天空背景，但普通的轨道摄像机看不到那么远。因此，我们需要在设置天空后扩大摄像头的可视范围：

 

介绍

你可以创建一个化身模型，用来在虚拟的三维世界里面代表你自己，就像下面这个画面一样：

 

 

在这篇文章中，你将会学习如何使用一个名为Ready Player Me的免费工具来创建一个化身。你需要至少有一个看起来比较像你的化身，这样**你的朋友就可以在众多的化身中看出哪个化身是你。

 

打开化身创建网站：

• 如果你拥有自己的电子邮件（你的或者你的监护人的），请根据以下步骤来登入：

  1. 拜访 ReadyPlayer.me
  2. 点击右上角的“登入”
  3. 在文本框中输入你的邮箱，并点击“发送激活码”
  4. 去到你的邮箱并寻找名为“在Ready Player Me登入”的邮箱，并复制(Ctrl + C)激活码。
  5. 回到ReadyPlayer.me窗口，并复制激活码到文本框中，接着点击“登入”。
  6. 点击“创建新化身”的青色按钮，并选择“全身”类型。

 

• 如果你没有任何邮箱可以让你用来接收激活码，你可以点击这个链接来开始： https://creaticode.readyplayer.me/

 
这两个方法的关键差别是，如果你能够登录，那么你以后还可以打开并编辑你的化身模型。但是如果你没有登录，那么你不能编辑以前创建的化身模型，每次必须从头开始创建新的化身模型。

 

创建一个初始化身

现在你只需要两个步骤就可以开始创建一个初始化身：

• 首先，选择一个身体种类，男生可以选择Masculine(肌肉型)，女生可以选择Faminine(女性型)。
• 接下来，使用任一方法来提供你自己的基础图像：
  • 点击**Take a photo (拍一张照片)**按钮，这将会打开你电脑上的摄像头并拍摄一张你的照片。需要注意的是，如果你的摄像头正在被其他应用程序比如Zoom使用，那么你需要先关那个应用程序里的摄像头。
  • 你也可以选择“pick a file (上传一个文件)”，这会允许你从你的电脑内存中挑选一张照片图像。如果你的电脑没有摄像头或者你不想要拍照，这是一个很好的选择。
  • 最后，如果你不想要一个看起来想你的化身，你也可以选择Continue without a photo (继续但没有照片)。那么，你就会从一系列预先建好的化身原型中选择一个。

 

创建你自己的化身

我们有很多方法可以创建你的化身。举个例子，我们会尝试修改预建化身中的一个：

 

 

• 首先，你可以调整化身的肤色。要能更清晰地看见差异，你可以放大到脸部。

 

 

• 接下来，你可以调整化身的脸部形状，主要是下颚和脸颊的区域。你也可以调整眼睛，鼻子和嘴唇，但它们没有那么重要。

 

 

• 你也可以选择一套不一样的服装。需要注意的是，样式远比颜色或者印花更重要，因为你可以之后在程序中修改它们。

 

 

• 接下来，你可以调整化身的发型以及颜色。这也会是一个重要的造型，因为它会很严重地影响化身的样子。需要注意的是，你应该在改变发型之前先记得系统选择的发型，因为你可能找不到一个更好的方案了。

 

 

• 最后，这里有一些你可以尝试的有趣选择。

 

 

用GLB文件来导出你的化身

要在创益编程平台使用你的化身，你需要以GLB格式从Ready Player Me平台中导出它。就像JPG文件格式可以储存二维照片一样，GLB文件格式可以储存三维模型。

• 如果你已经使用邮箱登录了，那么你可以点击右上角的’进入中心’，并点击左下角的“My Avatars (我的化身)”目录。你将会在这个页面找到你的所有化身。你可以点击任一化身上的三个小点，并选择“Download avatar glb (下载化身glb)”。你可以能需要用你的名字重新命名这个GLB文件，以便你可以过后轻易找到它。

 

 

• 如果你没有登录，那你应该点击右上角一个名为“Next (下一步)”的按钮，这将会弹出一个包含GLB文件链接的对话框。你可以复制这个链接并在新的游览页面粘贴它，以便这个化身可以被下载到你的电脑里。你可能需要把这个文件以你的名字重新命名一边你可以很轻易地找到它。

 

上传你的GLB化身文件

要在创益编程平台中上传你的GLB文件，去到“我的东西”页面，并点击“我的化身”，接着点击“上传3D化身“。点击写有”点击上传“的按钮，找到你刚刚下载的化身的GLB文件。给你这个化身模型起一个名字，在文件被上传到服务器之后，点击底部的”上传3D化身“。通常来说，这个步骤使用谷歌浏览器会更快一些。

 

 

 

改变你的化身

如果你需要改变你的化身，你可以删除现有的化身，然后上传一个新的化身。

 

 

 

了解更多：

在场景中添加化身

介绍

盒子是三维世界中最基础的建筑积木。举个例子，在《我的世界》中，你能使用很多的盒子来合成任何一个物体。

要在场景中添加一个盒子，使用三维物体类别中的添加盒子积木：

 

 
 

参数

颜色

你可以通过点击颜色输入框并移动滑杆来设置盒子的颜色。需要注意的是，“饱和度“控制颜色看起来多浓烈，”亮度“控制颜色变得暗淡或明亮。”透明度“允许你让盒子变透明。

 

 

举个例子，这三个盒子分别拥有0，30和60的透明度。透明度数值越高，盒子就会越透明。事实上，你甚至可以通过设置透明度100来创建一个看不见的盒子。

 

 

 
你也可以使用上和下箭头来改变数值，每按一次箭头数值就会改变1。如果你要设置一个确切的数值，这会让你的控制更加精准：

 

 

在x/y/z维度的大小

这三个数值控制盒子在每个x，y和z维度的大小。举个例子，以下这个程序会添加一个X维度大小400，Y维度大小300以及Z维度大小200的盒子：

 

 

 

 

 

棱角半径

棱角半径让你的盒子拥有圆角和尖角。越大的数值会让盒子的棱角看起来越圆润。举个例子，下图将会展示棱角半径为0，10和30的差异：

 

 

名为

你可以使用编程积木末端的“名为”输入框来给新盒子一个名字。你可以查看名字和角色物体来知道更多详情。

 

 
 

演示

通过更改上述的参数，你可以创建很多种不一样的盒子，比如：

 
 

六色盒子

你也可以使用这个编程积木来添加一个在六个面都有不一样颜色的盒子：

 

 

这个编程积木跟“添加盒子”编程积木非常相似，除了你能为盒子设置六个颜色，以及你不能使用它来设置棱角半径。

颜色输入

这六个颜色输入控制“顶面”、“底面”、“左面”、“右面”、“背面”以及“前面”的颜色。需要注意的是，整个盒子只有一个透明度，并且它可以使用第一个输入框的透明度滑杆来设置。这是一个例子：

 

 

 

覆盖的关键课题

• 造型上色
• “笔”扩展
• 触碰物体编程积木
• “颜色”编程积木

 
 

介绍

在这个教程中，你将会学习如何创建一个角色的“点状”版本，比如说一条鱼：

 

 

步骤1 - 创建一个新的程序

首先，请创建一个新的程序，移除含有科迪的角色1，并把“空白1”角色命名成“笔”。请从图书馆中添加一个“鱼”的角色。

你的程序应该看起来像这个样子：

 

 

 
 

步骤 2 - 调整鱼角色

接下来，请把鱼角色变得更大。你可以把它的大小设置成300。然后，请去到它的“造型”页面并选择“鱼-c”造型：

 

 

 
 

步骤 3 - 把“笔”角色弄成点的造型

接下来，选择“笔”角色的造型，并画一个小圆点，成为它的造型。

 

 

 
 

步骤 4 - 添加笔扩展

现在，我们准备好添加一些编程积木了。首先，请添加”笔“扩展，并把这两个编程积木添加到”笔“角色，以便程序在开始时清理舞台：

 

 

步骤 5 - 让点从左边扫描到右边

要扫描整个舞台，我们需要把”笔“造型移动到不一样的X位置。要做到这样，创建一个新的变量”x"，并使用一个"为了循环“来让x从-240变成240，每个步骤大小为10。换句话说，x会在-240开始，并增加10变成-230，然后-200，并持续增加直到变成240。

 

 

现在你应该可以看见点从左边滑动到右边：

 

 

 

步骤 6 - 从底端扫描到顶端

与其只扫描一行，我们可以让点从舞台底端向上进行扫描，并扫描整个舞台。我们可以使用另外一个“从”循环以及一个新的名为“y”的变量。y应该从-180增加到180，并且步长也为10：

 

 

现在，在每个x位置，我们让点在往右边移动之前先经历所有的y位置。

 

 

 
 

步骤 7 - 在每个位置画个点

现在，让我们在每个位置画个小点。首先我们需要把笔的大小设置成10，所有他可以画一个大小为10的圆形。接下来，我们需要让笔放下并在我们移动它之后直接拿起。

 

 

你应该会得到很多像这样的小点：

 

 

 
 

步骤 8 - 让点移动得更快

要让现在的点完整地扫描整个舞台可能会太慢了。让我们以增加笔的大小以及增加步长数值，比如30，来让他更快：

 

 

现在我们将会得到更大的点，而且他们能够更快地覆盖整个舞台：

 

 

 

步骤 9 - 只在鱼的下方画圆

现在，我们准备好扫描鱼的角色。我们可以添加添加一个情况，就是我们 使用"接触物体"编程积木时，只会在笔角色触碰鱼角色时画下一个圆形。要让我们的扫描变得更准确，你需要把笔角色的大小设置成一个小的数值比如1。

 

 

 
 

步骤 10 - 跳过屏幕更新

要让我们的程序运行得更快，我们即将使用一个非常有有用的技巧。在“笔”角色中创建一个名为“画圆形”的新的编程积木，并选择“运行时不刷新屏幕”：

 

 

接下来，把所有的编程积木移动到这个新的编程积木的定义堆栈。这样做之后，电脑在“制作圆形“堆栈完成运行之前，不会更新我们看见的荧幕。

现在你的程序应该运行得更快：

 

 

 
 

步骤 11 - 切换成更小的点

要让圆点更好地贴合鱼的形状，我们可以使用更小的圆点。因为我们的程序会在不刷新屏幕时运行得更快，我们可以使用更多的圆点。举个例子，这是你在把圆点大小和步长设置成20之后得到的：

 

 

 
 

步骤 12 - 把笔设置成随机颜色

最后一个步骤，让我们把每个圆点的笔颜色变成随机颜色。要完成这个，你需要使用”设置笔颜色“编程积木，以及"颜色" 编程积木来计算一个随机的新颜色：

 

 

这是最后的结果：

 
 

创意点子

你可以有很多方法，使用你自己的创意点子来改编这个程序。这里是一些例子：

• 不同的角色:：你可以把鱼替代承认和其他的角色，比如动物或者一些字体。

• 多个角色: 你可以为很多个角色创建”点状影子“。要能够做到，你只需要把条件改变成当笔角色接触任何一个角色时创建一个圆点即可。

 

覆盖的关键课题

• 复制角色
• 设置或改变角色物体大小
• 造型上色
• 使用变量
• 切换造型
• 广播信息
• 挑选一个随机号码
• 重复循环
• 当接触时间
• 重复-直到循环

 
 

介绍

可持续目标是联合国在2015年认证的17个目标。它们是每个人都需要共同努力的代办目标。

这个教程将会教导如何移除海洋的塑料污染，而这与第十四个目标"保护水下生物"。

每年都会有大量的塑料垃圾流入海洋，这会威胁到水下的生物。在这个程序中，你将会创建一个游戏来捕捉塑料垃圾。如果任何的塑料垃圾或者网触碰到任何海洋生物，那么游戏就会结束。

 

 

 

步骤 1 - 改编一个模板项目

首先，请点击这个链接来打开程序模板：

 
https://play.creaticode.com/projects/2346d59cdaba3485820986ec


 

点击“改编”按钮来创建你自己的改编项目。需要注意的是，你需要登入才能够改编项目。

这个项目包含三个角色以及一个海底背景。

• “野生生物”角色包含鱼类以及其他海底野生生物的8个造型。.
• “塑料”角色包含塑料垃圾的四个造型：塑料袋、塑料杯、塑料瓶以及塑料碟。
• “网”造型包含一个可以用来捕捉塑料垃圾的网子。

 

 

 

步骤2 - 重复地复制野生生物

首先，我们将会处理鱼的角色。在游戏开始之后，我们需要一直每三秒复制一个新的野生生物：

 

 

当你运行程序之后，你不会看见任何新的复制体，因为他们都和原有的角色重叠了。所以你需要把原有的角色拖拽到新的位置来看见复制体。

 
 

步骤 3 - 把克隆的野生生物移动到左边

所有的野生生物会从左边移动到右边，所以我们会把他们的起始X位置设置成-220。要让他变得有趣，我们可以为它们设置一个随机的Y位置，但我们需要确保他们出现在舞台的下半部分。因此，我们可以使用-50到-170之间的数值。

 

 

现在，我们可以看见复制体出现在左边：

 

 

 
 

步骤 4 - 切换到一个随机的造型

要让每个新的复制体展现一个不一样的造型，我们可以使用“切换造型”编程积木。需要注意的是，这个编程积木不仅允许你从列表中选择，也可以使用数字来作为它的输入方式。所以我们可以使用“随机选取”编程积木来产生一个1到8之间的随机数字。举个例子，当数字会是1时，那么这个复制体将会切换成造型号码1，也就是“金鱼”。

 

 

现在，我们每次都会得到一个随机的野生生物：

 
 

步骤 5 - 隐藏原有的角色

原有的角色一直都被展示在舞台上。我们可以简单地隐藏它，以便所有的游戏逻辑都由复制体完成。需要注意的是，当原有的角色被隐藏起来时，它的复制体也会被隐藏，所以我们需要在复制体被生成之后显示它们：

 

 

现在，我们只会看得到复制体，并且把原有的角色隐藏起来：

 

 

 
 

步骤 6 - 让野生生物游泳

在每个复制体被生成之后，我们会让它们游到右边。我们可以一直地 把它们的X位置数值加1：

 

 

现在，我们会在海底得到一些正在游泳的野生生物：

 

 

 
 

步骤 7 - 删除复制体

当一个复制体抵达舞台的右边时，我们需要删除它。一个很简单的方法就是使用就是使用“触碰舞台边缘”编程积木，就像这个样子：

 

 

虽然如此，这个方法会有一些问题，因为复制体会在它们被生成的时候触碰到左边的舞台边缘，所以它们会直接被删除掉。要解决这个问日，我们可以检查复制体的X位置是否接近右边的舞台边缘：

 

 

现在，我们可以看见克隆体会在它们抵达右边的舞台边缘时被删除：

 

 

 
 

步骤 8 - 触碰网则游戏结束

在这个游戏中，玩家将会操控网来捕捉塑料垃圾，并且网不应该伤害任何野生生物。因此，一旦网意外触碰到任何一只野生生物，那么游戏就会结束。为了能够结束游戏，我们可以添加一个新的名为“游戏结束”的变量。

• 当游戏开始时，我们把“游戏结束”设置为0，这意味着游戏还没有结束。
• 当野生动物的任一克隆体碰到“网”角色时，我们把“游戏结束”设置为1。

这是一个“游戏结束”变量的简单测试。它从0开始，并在鱼接触到网时被设置成1。

 

 

 
 

步骤 9 - 重复直到游戏结束

当游戏结束时，我们应该停止创造新的克隆体，并冻结现有的克隆体。我们可以使用“重复执行直到”编程积木来替代“重复执行”编程积木，以便复制会在“游戏结束”变量变成1的时候停止。

 

 

当我们测试游戏时，所有的复制体会在第一条鱼接触到网时被冻结：

 

 

 
 

步骤10 - 把编程积木复制到塑料角色

现在，让我们开始为“塑料”角色进行编程。你会发现，因为塑料角色也创建很多会在舞台上移动得随机复制体，所以我们能重复使用野生动物角色中的大部分程序。关键的差异是移动的方向。

因此，我们可以复制“野生动物”角色中的3个堆栈的编程积木到“塑料”角色中。

 
 

步骤 11 - 修复塑料角色中的复制编程积木

虽然复制大量的编程积木感觉很不错，但是你也需要非常地小心，因为**程序中的大部分问题都来自于”复制粘贴“**。

我们需要小心的改变新的编程积木，以便塑料角色的复制体会随机地移动到底。这是一些你需要做出的改变：

• 让“塑料“角色每秒生成一个复制体，以便我们可以得到更多的塑料。
• 复制体只可以从四个造型中选择。
• 复制体应该去到舞台的顶端，并且X位置随机。
• 复制体应该向下移动，每一步的Y位置都减少两个单位。
• 如果复制体的Y位置低于特定数值，比如-150，那么我们将会删除它。

 

 

作为测试，现在我们将会得到随机的野生生物和随机的塑料垃圾：

 

 

步骤12 - 删除塑料垃圾的时机

我们也需要改变删除塑料角色复制体的方式。我们不应该在垃圾抵达底部的视乎删除它，因为真正的塑料垃圾会留在海洋的底部。而且，当塑料切除到”网“角色的时候，这意味着网已经收集了这个垃圾，所以我们应该删除这个复制体。

现在，塑料垃圾会在他们接触到”网“角色时消失：

 

 

 
 

步骤 13 - 如果垃圾接触野生生物，游戏结束

玩家的目标是为了预防塑料垃圾伤害野生生物，所以我们应该在垃圾接触任何的野生生物时把”游戏结束“设置成1：

 

 

作为测试，当野生生物接触掉下来的垃圾时，游戏结束：

 

 

 
 

步骤14 - 点击以移动网

现在，让我们改变”网“角色。我们可以使用很多方式来让玩家控制”网“角色，以移动它。让我们挑选一个简单的方法：当玩家点击舞台的任一地方时，我们把网移动到那里。我们可以使用"当按下鼠标按钮时”编程积木。

需要注意的是，它需要我们创建两个新的变量“x"以及”y“，并且我们需要从下拉式选项中选择他们。

 

 

现在，游戏可以通过控制网的方式来进行：

 

 

 
 

步骤 15 - 总共分数

因为所有游戏都会有一个努力的目标，让我们在玩家移除一个垃圾物体时奖励他们一分。我们可以添加一个新的变量”分数“，在游戏开始时把它设置成0，当有些塑料垃圾被移除时增加一分。这部分可以在”塑料“角色里完成：

 

 

现在游戏已经完成了：

 

创意点子

我们有很多办法，让你可以在这个程序里面创建更多。这里有一些点子的例子：

• 添加更多野生生物或垃圾造型: 找出其他正在被这个问题伤害的海底野生生物，或者其他常见的垃圾种类，并把它们添加到游戏中，以便人们开始警惕。

• 塑料垃圾的速度: 要让游戏变得更有挑战性，你可以让垃圾以随机的速度下降，或让他们下降得越来越快。

 

覆盖的关键课题

• 文本框控件
• 更换背景

 
 

介绍

可持续发展目标是联合国在2015年认证的17个目标。它们是每个人都需要共同努力的待办目标。

这个教程是关于学习年份与收入之间的关系，而这跟第十个目标"减少不平等"有关。

你会创建一个很简单的薪水计算器：用户可以输入他们呆在学校的年份，而你的程序会展示他们能够得到的薪水，以及每周的平均薪水。

 

 

 

步骤1 - 改编一个模板程序

首先，请点击下方链接来打开程序模板：

https://play.creaticode.com/
projects/0edc60af14f4a6177a32f3c7

点击“改编”按钮来创建你自己的改编项目。需要注意的是，你需要登入才可以做到。

这个项目包含一个空白的角色以及舞台里的一些背景。

 
 

步骤2 - 开始的一幕

当用户点击运行旗帜时，我们需要展示“开始”背景。你可以使用空白角色中的"转换背景"编程积木：

 

 

 

步骤3 - 显示一个输入框文字格

要允许用户输入他们打算上学的年份数量，我们有几个可以做到的方法。举个例子，我们可以使用"询问并等待" 编程积木。

无论如何，在这个程序中，我们会使用不一样的方法：文本框小工具。请先添加小工具扩展。

 

 

现在你应该可以看见左方的“小工具”类别，而你可以在展开的上方寻找“添加文本框”编程积木。

 

 

当你点击运行旗帜时，你会在舞台中间得到一个输入框，就像下图展示的一样：

 

 

 

步骤 4 - 调整文本框

现在我们需要把输入框向上移动，并且把它调整得更小。你可以尝试使用小工具来调整它，就像这样：

 

 

需要注意的是，编程积木中的位置和大小数值会自动改变。如果你不知道要怎么样使用小工具，你依然可以以直接在编程积木中输入数值：

 

 

 

步骤 5 - 当文本框被改变时

每当用户改编文本框中的数值，我们应该改变背景。要简单地开始，让我们在文本框改变时，把背景改变成“辍学”：

 

 

现在只要我们输入任何文字，背景都会被改变：

 
 

步骤 6 - 检查年份的数量

你可以通过读取文本框小工具的数值来得到用户输入的数值。我们知道完成高中学业需要12年时间，所以如果用户输入的时间少于12，我们需要展示“辍学”背景：

 

 

 

步骤 7 - 高中毕业证书

现在让我们看看当用户输入的数值超过12时的情况。这意味着用户将会至少得到高中毕业证书。要从学院中得到一个副学士学位，一个人则需要学习至少14年。所以如果输入数值少于14，我们可以去欸的那个这个用户将会得到一个高中毕业证书。

你可以右键点击“如果否则”编程积木来复制它，然后改变这两个地方：

 
 

步骤 8 - 副学士学位

下一个步骤非常相似。要得到一个学士学位，一个人需要学习16年的时间，所以，我们可以添加一个少过16年的情况：

 
 

步骤 9 - 直到博士学位

你可以不断地添加更多情况来升级。需要注意的是，在最后一部分，如果上学年份至少是22年，我们不再需要添加更多的“如果否则“编程积木，因为用户会得到一个博士学位。

 

 

这是程序的最终演示：

 
 

下一步

这里有一些你可以利用你的创意点子来延伸这个项目的一些方式：

• 更改背景: 你可以更改北京来用相同的方式展示其他信息。举个例子，你可以改变背景中的角色，或不展示每周薪水而是展示每月薪水。

• 说些什么: 在切换成本不一样的背景之后，你也可以使用”文字朗读“或者你自己的声音录制来说写什么。举个例子，你可以说”恭喜！得到一个学士学位会有很不错的薪水！“

 

覆盖的关键课题

• 设置或改变角色大小
• 造型上色
• 使用列表
• 使用变量
• 下拉式小工具
• 造型盖章
• 使用循环
• 打印文字
   
   

介绍

可持续发展目标是联合国在2015年认证的17个目标。它们是每个人都需要共同努力的待办目标。

这个教程是关于不同国家国会议席里的女性占比，而这个跟第五个目标"性别平等"有关。

你的项目将会允许用户选择一个国家并展示一个动画来显示该个国家中，女性议员的比例。这个数值很常被用来测量一个国家拥有多少女性数量。

 

 

 

步骤 1 - 改编一个模板项目

首先，请点击这个连接来打开项目模板：

https://play.creaticode.com/projects/031866d2c5b75663d2b2c094

点击“改编”按钮来创建你自己的改编项目。需要注意的是，你需要登录才可以做到。

 

 

这个项目在绿色的背景之上包含一个角色。这个角色有一些议会男性和议会女性的造型。

 

步骤 2 - 把标题添加到背景中

首先，让我们在绿色背景中添加一个标题。你可以选择舞台，并使用“T”工具来在背景中添加字体。你也可以改变字体的颜色，位置和大小。

 

步骤3 - 创建一个国家名字的下拉名单

接下来，我们会创建一个新列表并把它命名为“国家”，并把这五个例子国家添加到列表里：

 

 

有了这个准备好的列表之后，我们可以添加一个下拉式名单，以便在用户点击运行旗帜时展示列表：

 

 

 

步骤 4 - 调整下拉式目录

我们需要把下拉式目录调整到更高的位置。这可以通过“小工具位置”工具来轻易地做到：

 

 

需要注意的是，当你移动或者改变下拉小工具大小时，编程积木里面的数值会自动被改变。

 

步骤 5 - 观察用户选择的改变

当用户在下拉名单选择一个不一样的国家时，我们需要展示那个国家的资讯。我们可以使用“当控件被更改”编程积木来激活这个举动。

 

 

 

步骤 6 - 展示信息的新编程积木

我们会添加一个名为“展示信息”的新编程积木。它会包含所有为特定国家展示信息的编程积木。

 

 

需要注意的是，你也可以改变新的编程积木的颜色。

 

步骤 7 - 得到女性议员百分比

现在我们需要使用新的变量来代表被选择国家中的百分比数值。举个例子，在这个页面，我们可以找到冰岛中，议会（国会）有大约47%的女性议员。最简单检查下拉式名单的数值是使用“如果”编程积木：

 

 

你可以复制这个“如果”编程积木来处理其他四个国家，就好像下图展示的一样：

 

 

 

步骤 8 - 打印百分比变量

现在，让我们在国家名字之后展示百分比数量。你可以使用打印文字编程积木来在舞台上写下任何文字。你会需要在打印之前清空所有打印，以便国家名字改变时，之前的数值被清除了。

 

 

 

步骤 9 - 在一行里盖章造型20次

最后一步，我们需要在舞台上打印一百个男性或者女性的图像。要开始很简单，让我们只添加一行20个图像，但是先不需要担心需要使用哪个造型。

就像展示的一样，你可以使用一个“从-循环”，这会把“x”变量从一个数值增加20，再到另一个数值：-190，-170，-150，…170，190。

然后我们只需要移动角色到指定的x位置，并且y位置=30，过后打印造型。需要注意的是，我们需要先清除所有盖章。

 

 

现在我们得到造型的20个盖章。要让他们在舞台上看起来合适，我们需要把大小调整到20左右：

 

步骤10 - 计算图章数量

要控制图章的造型是女性还是男性造型，我们需要知道我们已经打印了多少个图章。我们可以使用新的变量“计算器”来计算图章数量。它应该从零开始，并在我们盖上一个印章时增加一个：

 

 

 

步骤11 - 决定哪一个图章需要被盖下

现在我们知道我们已经打印了多少个印章，我们也可以比较自由地决定要打印男性造型还是女性造型。我们会先开始打印女性造型，并在计算器开始大于百分比数值是，我们转换成男性造型。

 

 

现在，首20个图章的代码已经成功了。举个例子，如果我们选择“日本”，那么造型会在十个图章之后转换成男性造型：

 

 

 

步骤12 - 添加多4行图章

最后一步，我们只需要打印多4行的造型，一行20个图章。Y位置会是唯一的差别，每一行的Y数值会减少40：30，-10，-50，-90，-130。

 

 

 
这是我们会得到的最终结果：

 
 

创意点子

你可以有很多方法来延续这个项目。这里是一些例子：

• 优化编程积木: 现有的“展示信息”编程积木很长。你可以把一些编程积木移到另外一个新的编程积木，并把那5个“从”循环简化成2层的循环。

• 其他国家: 尝试在列表中添加一些其他国家。如果你不喜欢使用“如果”编程积木来设置“百分比”变量，你可以尝试使用一个表格来储存数值。

• 其他标题: 除了议会中的女性数量，你可以使用这个形式来代表其他的比例，比如贫穷人口，或大于某个年龄的人士等等。

 

覆盖的关键课题

• Youtube影片小工具
• 标签小工具
• 广播消息

 
 

介绍

可持续发展目标是联合国在2015年认证的17个目标。它们是每个人都需要共同努力的待办目标。

这个教程与第四个目标"优质教育"有关。

现今，YouTube上有很多很棒的免费教育资源。虽然如此，它们大多都被制作成英语版本，所以对于不讲英语的学生来说，要从这些影片中学习非常困难。

在这个小教程中，你将会为奈飞影片《我们的星球》创建一个简短的翻译。你可以用你自己的声音来代替原有的英文配音，也可以添加别的内容比如字幕和影片上的文字。

西班牙文版本:

中文版本:

 

步骤 1 - 添加YouTube影片播放器小工具

要开始，请先创建一个新的项目，移除“科迪”角色，并把“空白1”角色重新命名为“主要”。过后，把这些编程积木添加到“主要”角色。

 

 

这个编程积木会把 Youtube影片小工具放到舞台中间并覆盖整个舞台。这个影片会被称为“影片1”，过后我们使用这个名字来代表这个影片窗口。

你可以从这个影片下方复制影片链接。你只需要点击右上角的“分享”按钮，并点击底部的“复制链接”。

点击运行旗帜，你将会看到影片已经被加载但是还没有被播放：

 

 

 

步骤 2 - 从第17秒开始播放

你可以使用“跳转到”编程积木来移动到影片的任何时间点。在这个例子程序里，让我们跳过影片的首17秒，并使用“开始播放”编程积木来开始播放影片

需要注意的是，你需要在这些编程积木的下拉式选项中选择“影片1”。
影片只会在你点击运行旗帜并把YouTube影片小工具添加到舞台时才会显示在下拉式选项中。

 

 

现在如果你点击运行旗帜，影片会被加载并在第17秒开始播放：

 

 

 

步骤 3 - 添加作为字幕的标签

接下来，让我们添加一个标签小工具 来显示我们要说的话的字幕。这个标签会被放在影片下方来覆盖掉影片原有的字幕。把这个标签命名为“标签1”，以便我们可以在过后指定他。

 

 

现在，当我们运行程序，我们会在影片下方得到一个空白标签：

 

 

 
 

步骤 4 - 更新标签的颜色

因为原有的影片底部是黑色的，我们也可以把我的标签变成黑色来隐藏它。我们也需要把它的边框更新成0，以便它不会显示任何的边框。标签的默认字体颜色是黑色的，所以不会显示在黑色的背景上。因此，我们需要把字体颜色更新成白色。你也可以改变字体的颜色和大小。

 

 

如果你在下拉式选项中没有看到“标签1”的名字，这意味着你还没有把标签添加到舞台上，而你只需要点击运行旗帜来添加标签就可以了。

现在我们就看不出影片的底部有个标签了：

 

 

 

步骤 5 - 隐藏标签

我们只需要在我们添加自己的音频和字幕时显示字幕，所以我们可以先隐藏标签小工具：

 

 

 
 

步骤 6 - 添加一个新的角色 “音频1"

现在我们可以准备添加我们自己的音频了。首先，创建一个新的空白角色并把它命名为”音频1“。

接下来，影片准备好后，从原有的”主要“角色中广播一个“开始”消息 ：

接下来，在 “音频1” 角色中接收这则消息：

 
 

步骤 7 - 找到第一个句子的时间点

现在，我们需要找出原有影片中第一个句子的开始时间和结束时间。要更方便地找出这个时间点，你可以打开一个新的浏览器页面，并直接打开YouTube影片的链接。

播放影片直到旁白说出第一个句子，也就是”Just 50 years ago, we finally ventured to the Moon.“。这个句子大概在第20秒开始，并在第27秒结束。

 

步骤 8 - 录制新的音频

现在让我们录制一段会覆盖原有声音的新音频。如果你原本就知道另外一种语言，比如西班牙文或者中文，你可以简单地使用另一种语言来录制你自己的声音。

无论如何，如果你对其他语言不熟悉，你依旧可以使用谷歌翻译来帮助你。举个例子，你需要做出以下步骤来得到西班牙文的翻译：

1. 打开"谷歌翻译" 网站。
2. 在左边的输入框输入句子"Just 50 years ago, we finally ventured to the Moon."，你就会看到西班牙文翻译出现在右边。
3. 在你的创益编程项目中，转换成“音频1”角色的“声音”页面，并开始路子一个新的声音。
4. 切换回到谷歌翻译页面，并点击声音标志来播放西班牙文版本的句子。
5. 当声音结束后，回到创益编程游乐场并停止录音。
6. 选择已录制声音的中间部分并保存它。

这是上述程序的演示:

 
 

步骤 9 - 等到开始时间

因为我们会在第20秒开始我们的新录音，我们可以等到影片先播放到那个时间点，你可以使用“现有视频时间”编程积木来得到以秒为单位的影片时间，那么你的程序只需要等到那个时间就可以把原有的影片静音。这些编程积木可以被添加到“音频1”角色“：

现在如果你运行程序，原有的音频应该会在20秒开始被静音。

 
 

步骤 10 - 开始播放我们的新声音

在影片已经播放到20秒时，我们可以开始播放我们的录音：

 

 

需要注意的是，我们正在使用“播放声音”编程积木，而不是“播放声音等待播完”编程积木。这样的话，程序不需要等到声音播放完毕才开始运行接下来的编程积木。

现在如果你点击运行旗帜，你应该只听到你的新音频，而不是原来的音频。

 

步骤 11 - 展示新的字幕

我们应该展示新语言的心字幕来匹配音频。因此，你可以把“标签1”的数值设置成西班牙文的翻译。你可以从谷歌翻译复制译文：

 

 

 
 

步骤 12 - 等到原有句子结束

要确保原有影片中的第一个句子被完全移除了，我们需要让影片保持静音，直到第27秒。我们可以使用另外一个“等待”编程积木，来等到第27秒，并把影片取消静音。我们也应该在这个时候隐藏字幕标签。

 

 

现在你已经成功用自己的句子来替代第一个原有的句子了。这应该是你完成之后的成果：

需要的是，字幕文字太大了，要放成一行放不下，所以让我们去到“主要”角色，并把标签的字体大小从16改成12：

 

 

 
 

步骤 13 - 自定义一个新的编程积木“播放声音”

因为我们会代替很多个句子，我们会重复替代第一个句子的逻辑很多次。因此，我们可以在“音频1”角色里“包括”很多编程积木在一个新的编程积木里。我们可以把这个新的编程积木成为“播放声音”，而它需要有四个输入框：句子的开始时间，句子的结束之间，声音录频的编码，以及需要展示作为字幕的文字。

 

 

当这个编程积木被定义之后，我们可以使用它来播放第一个句子，就像这样：

 

 

需要注意的是，对于“声音”，我们指定字母1，以便系统会知道我们需要播放“声音”页面的第一个声音。

 

步骤 14 - 第二个句子

现在，让我们尝试替代第二个句子。你会发现第二个句子介于40秒和46秒之间：“For the very first time, we looked back at our planet.”。

因此，我们可以录制这个句子的第二个声音，并使用“播放声音”编程积木来添加它：

 

 

 

步骤 15 - 四个句子

我们可以使用同样的方式来添加多四个句子：

 

 

 
 

步骤 16 - 为“标题”创建一个一个新角色

在六个句子过后，影片将会展示一个大标题“我们的星球”。让我们也为它添加一个翻译好的标题。

 

 

你将会找到这个标题在第80秒和88秒被展示。所以，让我们添加一个名为“标题”的新角色，并让他等到第80秒：

 

 

 

步骤 17 - 展示被翻译的标题

现在让我们为标题添加另外一个名为“标签2”的标签。它会需要一个比较大的文字大小，并且如果我们给他一个透明的背景他看起来会比较好看。同样地，你可以从谷歌翻译得到“我们的星球”的西班牙文翻译。

 

 

 

步骤 18 - 隐藏标题

最后当原有的标题消失时，我们应该也隐藏新标题。所以，让我们等到第88秒，并隐藏新标签。

 

 

这是翻译影片的最终演示：

 

 

 

创意点子

毋庸置疑，能够在你的项目背景中加入YouTube影片为你打卡了无限的可能。你可以选择不一样的影片，并在影片上添加小工具/绘画/角色，然后改变音轨。

这里是可以激发你的想法的一些点子：

• 团队合作翻译整个影片：创建被翻译的声音和字幕是非常耗时的。虽然如此，你可以选择跟你的同学或朋友团队合作。每个人可以使用它们自己的角色来处理句子，然后你需要导入这些角色（比如“音频1”，“音频2”…）进入一个新的主要项目。他们看起来很不错。

• 把一个不一样的影片从一个语言翻译成另一个语言：你可以选择另一个影片并把它冲英文翻译成另一个语言，或者选择一个外国语言的影片并把它翻译成英文。你可以看下方的参考来找到一些可能的影片。

• 改变说过的句子：与其完全地根据原有影片进行翻译，你其实可以用你自己的句子取代他们，而这个句子可以带有完全不一样的意思。举个例子，你可以通过代替角色正在说的话来创建一些有趣的影片。

 
 

YouTube上的优秀创意影片

这个列表会持续地被更新。

• linkstart||The Bright Side Channel||https://www.youtube.com||/c/BRIGHTSIDEOFFICIAL||linkend
• linkstart||The Ted-Ed Channel||https://www.youtube.com||/teded||linkend
• linkstart||The SciShow Kid Channel||https://www.youtube.com||/c/scishowkids||linkend
• linkstart||The Free School Channel||https://www.youtube.com||/channel/UCebMFnw6WxozGmqGekJHOJg||linkend
• linkstart||The National Geographic Channel||https://www.youtube.com||/c/NatGeo||linkend
• linkstart||The Kaoru GreenEmerald Channel||https://www.youtube.com||/c/KaoruGreenEmerald||linkend
• linkstart||The History of the World Channel||https://www.youtube.com||/channel/UC6xWLK_eSPw5Kk-zlkC8KwA||linkend
• linkstart||The Viper TV Science Channel||https://www.youtube.com||/c/ViperTVSciences||linkend
• linkstart||The Nat Geo Kids Channel||https://www.youtube.com||/natgeokidsplaylists||linkend
• linkstart||David Attenborough Documentaries||https://www.youtube.com||/playlist?list=PLz58QJ68R9CTFoR1J6dgAc4mwdAmm3kZZ||linkend
• linkstart||The Khan Academy Channel||https://www.youtube.com||/c/khanacademy||linkend

 

覆盖的关键课题

• 设置或改变角色大小
• 造型上色
• 使用变量

 
 

介绍

可持续发展目标是联合国在2015年认证的17个目标。它们是每个人都需要共同努力的待办目标。

这个小教程是关于我们吃的食物的卡路里，这和第三个目标“良好健康和福祉”有关。

用户可以点击他们吃过的不同种类的食物，而卡路里的总和会被自动计算。

 

 

 

步骤 1 - 准备一个新的项目

请创建一个新的项目并移除里面的两个角色。

选择一个简单的背景图像，比如说“蓝天2”：

 

 

 

步骤 2 - 添加一个苹果角色以及一个“苹果”变量

现在让我们添加一个苹果角色，并把他放在舞台的左上角。

 
请记得添加一个新的变量 ，并把他命名为“苹果”，并把它移到苹果角色下面。把它的布局改变成“大字显示”以便只有数字数值被展示。

 

 

 

步骤 3 - 展示苹果的卡路里

现在让我们改变造型来展示吃下一个苹果的卡路里，大约数值为80。你可以使用“T”工具来把文字添加到苹果角色的造型，并使用箭头工具来移动和调整字体大小。

 
 

步骤 4 - 点击动画

用户可以点击苹果来把它添加到当天吃的食物列表。我们可以简单地添加一个动画来让用户知道他已经正确地点击了。

转换到“代码”页面，并添加这些编程积木。这些编程积木会在用户点击苹果角色时被运行，然后把苹果的大小减小到原有大小的80%。在等待非常短的时间（100毫秒）后，我们把它的大小设置回100%。

这是程序运行过后的结果：

 
 

步骤 5 - 更新“苹果”变量

当用户点击苹果之后，我们会把“苹果”变量添加1，以便它会展示总共被添加的苹果数量：

 

 

无论如何，我们也需要允许用户重重新开始计算。我们可以通过点击绿色旗帜时把“苹果”变量设置成0来做到。

 

 

现在，苹果变量正在运行良好：

 

 

 

步骤 5 - 展示总共卡路里的“总数”变量

我们也会需要计算卡路里总数。请添加一个新的名为“总数”的变量，并把它展示在舞台的底端。

 

 

 
 

步骤 6 - 更新“总数”变量

我们用来更新“总数”变量的方法跟我们如何更新“苹果”变量很相似。

• 每当用户点击苹果角色时，我们会把苹果的80卡路里添加到总数。
• 每当绿色旗帜被点击时，我们把总数重新设置成0。

 

 

现在，每当我们添加更多苹果时，总数会被正确地更新：

 

 

 
 

步骤 7 - 添加一个甜甜圈角色

现在让我们添加一个角色，作为甜甜圈。因为我们要重新使用苹果角色的代码，我们有两个选择：

• 我们可以复制苹果角色，并把它的造型换成一个甜甜圈；
• 我们可以添加一个新的甜甜圈造型，并从苹果造型复制代码。

让我们使用第一个方法，右键点击苹果角色来复制他，并把新的角色命名为“甜甜圈”：

接下来，转换到它的“造型”页面，并添加“甜甜圈”造型：

最后，添加字体来展示甜甜圈的卡路里，它的卡路里大概是200。你可以选择一个不一样的颜色来让他更容易阅读。

 

 

 

步骤 7 - 添加“甜甜圈”变量

我们需要一个新的名为“甜甜圈“的变量来追踪有多少个甜甜圈被吃掉了，并把它放置在甜甜圈角色下方：

 

 

现在请改变甜甜圈角色的代码，用”甜甜圈“变量来取代”苹果“变量。并且，”总数“应该在我们每次点击甜甜圈角色时增加200。

 

 

现在我们的计算机将能够计算两个角色的卡路里：

 

 

 

步骤 8 - 添加更多食物

请重复以上步骤来添加更多食物。这是一些例子：

如果你正在以团队形式创建程序，你们每个人都可以尝试创建一些食物种类，然后你们可以通过导出和导入角色来合并你们的程序。

 
 

创意点子

你可以有很多方法和使用你自己的创意来延展这个程序。这是一些例子:

• 添加练习: 你可以添加一些额外的角色来代表一些不一样形式的练习。举个例子，添加一个奔跑的角色，每当用户点击角色时，这意味着用户跑步一分钟，我们可以减少10个卡路里的卡路里总数。

• 多个页数: 我们可以添加两个按钮，一个”上一页“和一个”下一页“，这样我们就可以在不同的页面展示不一样的食物，这会允许我们展示更多的食物选择。