CreatiCode Scratch Forum

 

预备知识

• 在场景中添加化身

 

说明

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

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9232445/pasted-from-clipboard.png" width="900" style="">
 

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

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/13b1f626-4c08-4629-88eb-e54cbd043977.png" width="300" style="">

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b9dc1391-d376-4cff-89df-bf2433982e19.gif" width="800" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/94b0053e-7bac-4c7d-b3e8-ad8e4995e562.png" width="350" style="margin-left: 40px; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

运行结果

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

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

 

开始动画的编程积木

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

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

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

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

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

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

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/5fd99022-07b5-4020-a311-e2d774be2204.gif" width="927" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">

 

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ad8066c7-5cc0-4fe6-9d49-fc422df6f8ed.gif" width="927" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">

 
 

运行结果

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

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

 
 

示例

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

 

结果展示

https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9232463/runani3.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">

 
 

停止动画

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2ee49b0d-dd8b-407e-b9f6-04c29edec370.gif" width="1200" style="border-radius: 5px; border: 1px solid #29622d;">

 

预备知识

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

 

介绍

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/804c07cd-b58e-4aa9-91b3-8130c46cb724.png" width="1000" style="">
 

参数

 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/562807f8-f433-43b3-b465-654aea3fbe7f.gif" width="800" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">
 

• 可见距离 最小/最大: 这两个数值控制场景中被展示的物体范围。举个例子，如果我们把距离设置成5到1000，那么任何和摄像头距离小于五个单位或大于1000个单位的物体将不会被展示在摄像机里。
  https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ffb7320a-2b35-4503-83ab-b58a658e57a3.gif" width="1000" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">

 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/0cfe478c-e903-4331-8233-3896395b0801.gif" width="860" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/cdab3197-53a3-4f09-a00c-e72d44592cdd.gif" width="800" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">
 

 
 

示例

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

 

介绍

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

 
https://cdncreaticodecom.b-cdn.net/lessondata/demorun2b.gif" width="450" style="border-radius: 5px; border: 1px solid #29622d;">
 

在这篇文章中，你将会学习如何使用一个名为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 (继续但没有照片)。那么，你就会从一系列预先建好的化身原型中选择一个。

 

创建你自己的化身

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

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9221115/pasted-from-clipboard.png" width="400" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9221277/f1.gif" width="500" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9221293/f2a.gif" width="500" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9221365/f3.gif" width="500" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9221373/f4.gif" width="500" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9221378/f5.gif" width="500" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">
 

用GLB文件来导出你的化身

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

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

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9221389/f6.gif" width="600" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">
 

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

https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9221394/f7.gif" width="800" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">

 

上传你的GLB化身文件

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6175df32-a9af-49f1-aaac-34829d08bb73.gif" width="800" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

 

改变你的化身

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/0eb40af4-4b7e-49a1-a430-4e39778a5f3a.gif" width="600" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

了解更多：

在场景中添加化身

介绍

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/f3154cb1-b92d-4c4d-b66a-cc1afd1af06d.png" width="600" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">

 
 

参数

颜色

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/06c144d6-be46-4402-a851-4d1dd89e2059.gif" width="625" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9255155/tr.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/0abfd83c-59ed-40e7-9cef-3bcf1dd697f9.gif" width="625" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

在x/y/z维度的大小

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/283f0716-754a-43d6-a29e-434e888dee5a.png" width="700" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9266939/bb.gif" width="425" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

棱角半径

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/de84a619-17af-4c82-9136-f4177c5b48e5.png" width="800" style="border-radius: 5px; border: 1px solid #29622d;">
 

名为

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/74cdf59d-7c58-441e-a996-cf715af30c83.png" width="500" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 
 

演示

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/474ed9cb-5d80-40b9-971a-3d837706aab4.png" width="900" style="border-radius: 5px; border: 1px solid #29622d;">

 
 

六色盒子

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/5817328d-bfb5-45f4-a043-a37e79c557c0.png" width="900" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

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

颜色输入

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c1dfcb17-df60-42d4-a552-e01685a81def.gif" width="900" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

 

覆盖的关键课题

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

 
 

介绍

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/dea7317d-f998-4c9c-b36e-1f0d2b5d7df2.gif" width="520" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/d36842b7-55e9-4ddf-bb04-8fdc5002cb6c.png" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

步骤 2 - 调整鱼角色

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2d711823-defa-40c5-9984-cb39c7d6db38.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2a2c14ed-afe6-49aa-925d-f13afeb4afbe.gif" width="800" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

步骤 4 - 添加笔扩展

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/9172f6d4-5225-43b5-b520-ef97daf5f004.png" width="160" style="">
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/f35e926d-b238-48ac-8ee7-57e93022eb4b.png" width="400" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c2add188-b9aa-495c-a547-902256687383.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/d32206bd-abc4-47ff-b27e-e1802461fc76.png" width="500" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/67e68558-a4b3-4c21-adb1-456b7d7b7b9e.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/0f846dd5-7d02-4a8d-9d64-93e0bb5e65e1.png" width="400" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/dbde32b4-bd2f-4c85-b7cf-98b13c1f5b65.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

步骤 8 - 让点移动得更快

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ca7b303e-376b-4391-a1ff-565a4624fba2.png" width="400" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/4db5db95-0e3f-44ac-a6fd-23c4c7221ab3.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/0ddcb897-5eb5-438a-bea4-05ade37daf74.gif" width="900" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

步骤 10 - 跳过屏幕更新

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/9ea934a0-8159-4550-8da4-6e3829dde5e5.png" width="600" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/32f47f6d-1ad2-456f-9318-7ae1caa05fca.png" width="700" style="">

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/66ff2b6b-6dd9-48d8-866b-5d3924faf13f.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

步骤 11 - 切换成更小的点

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/eb76bfdf-8d01-45b2-8c77-26b57e4a5314.png" width="400" style="">
 

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/303ca3ff-480f-45b5-923c-f25d897eee63.png" width="1000" style="">
 

这是最后的结果：

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a931f9af-0fbd-42e7-9d09-a8a2db13ec3e.gif" width="520" style="border-radius: 5px; border: 1px solid #29622d;">

 
 

创意点子

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

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

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

 

覆盖的关键课题

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

 
 

介绍

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ac10650c-e037-43d8-bf2d-1896e7e8b61b.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

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


 

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ee042efb-618a-4687-aade-be1aafa3846e.png" width="400" style="border-radius: 5px; border: 1px solid #29622d;">

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ae63bfa0-fd35-49df-ac57-f808c9be879a.png" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/96f59b98-3dc3-4ffa-b319-10382b679d6d.png" width="300" style="">
 

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8a35205f-14d0-4b67-93dc-f164240ba3bb.gif" width="480" style="">

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/0c772425-9b88-4d0f-866e-f8c0f6dd6025.png" width="400" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/03b3b9c3-16ba-40c2-93c2-b88fd07baa08.gif" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/52c336e1-05b9-40a0-93fc-d5b7f24f7847.png" width="400" style="">
 

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6c41b028-0030-452a-9b60-69e4a63027bc.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">

 
 

步骤 5 - 隐藏原有的角色

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/1d5ffb2e-3d77-4413-9e3e-4ce1ae45f5d4.png" width="900" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/63662679-2fa4-4ba2-ab8d-aa866e5f6c10.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

步骤 6 - 让野生生物游泳

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/4baf1431-8eeb-4e72-8472-ff67e80710bf.png" width="400" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/cb9a6a05-0a5e-4d9c-933f-3b58a1cc52ae.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

步骤 7 - 删除复制体

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/36a15ade-b63d-4362-a8d8-6cf162cd82ba.png" width="350" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b63663cf-0f57-4bb8-a727-f551b9cfbfa0.png" width="450" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/1a2e5292-d9f6-47c7-9b58-d93f3c723d23.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

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

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2063b2b0-404c-474b-a25d-d55bc5be7b0e.png" width="700" style="">

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/71ee09c0-1e8a-4a38-9ce2-391570968dc3.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ac2a4ee8-d28f-4152-b264-58e49c957eb7.png" width="800" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/52cba4fa-b7d5-4f60-aa3e-ee9220c0501e.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

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

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/eb761cb2-b70f-437d-b794-8e93aee205bb.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">

 
 

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

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/e23d3172-e484-45ab-95a0-2f3ed9b7f110.png" width="800" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/122fc187-c90c-407b-8803-e9bdaeebc04f.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b5d8efd0-043a-4856-9802-a534916312c2.gif" width="700" style="">

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/db73cc38-cc6a-4764-a56f-eadb33f034ca.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/34cc93df-08e5-4298-a279-237caab52648.png" width="900" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/cb0e0bb6-f071-4fe4-8890-ed7a2bb7d65b.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

步骤14 - 点击以移动网

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/08f1abd1-6be9-41a4-aa86-4324c9fa41d3.png" width="500" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/da4ca658-96ca-4818-8291-98d397f2bc1d.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

步骤 15 - 总共分数

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a2e59411-fb28-4286-8f0f-d536b5777cbd.png" width="900" style="border-radius: 5px; border: 1px solid #29622d;">
 

现在游戏已经完成了：

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ac10650c-e037-43d8-bf2d-1896e7e8b61b.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">

 

创意点子

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

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

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

 

覆盖的关键课题

• 文本框控件
• 更换背景

 
 

介绍

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a7c04833-5d4d-4cf2-b128-cf4537e94d74.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

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

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

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

 
 

步骤2 - 开始的一幕

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c4d33628-a797-4ab8-a5ec-41b5f874e75e.png" width="800" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/12e90832-8709-4bb2-ba8d-c27faeaf5885.gif" width="900" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2f67b890-c1dd-4fdf-b6ac-89fd74a1a68e.png" width="900" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/15e6f690-fc0d-41cd-a70e-a17ae524ab59.png" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 4 - 调整文本框

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/48e2c045-573d-4817-89d8-a36aebdad677.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8d0cfa1c-a83a-4775-b19d-2fa3740b7e79.png" width="400" style="">
 

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8952433b-f108-434a-a54d-5918c89bdfa5.png" width="350" style="">
 

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/e0871c0a-bac7-4198-b195-65989257ac4e.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">

 
 

步骤 6 - 检查年份的数量

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/d48974e5-bac6-4b9b-9425-86cb227457ac.png" width="450" style="">
 

 

步骤 7 - 高中毕业证书

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/77ef3970-4d38-44ee-a7cb-a24a357b6329.gif" width="600" style="">

 
 

步骤 8 - 副学士学位

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ff7b430b-70af-4406-bb17-f0a6601f28e7.png" width="550" style="">

 
 

步骤 9 - 直到博士学位

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/dd67358a-f419-4d61-8242-9ade93664b6a.png" width="500" style="">
 

这是程序的最终演示：

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c0b878c2-180a-41c9-b599-235010cd5827.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">

 
 

下一步

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

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

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

 

覆盖的关键课题

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

介绍

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/fe567923-5872-4b65-a408-76d96beec9d7.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

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

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

 

 

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

 

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ce579de8-30f1-49b2-8b5c-47569479b86d.gif" width="1100" style="border-radius: 5px; border: 1px solid #29622d;">

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a86e63aa-1957-4f54-ad46-55a97d6df2fe.png" width="160" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b31912a1-ef2a-4321-a5e8-3a4a50c170ea.gif" width="11000" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 4 - 调整下拉式目录

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6ac88f19-d763-4afb-8f52-f9b2632f385b.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/aa32a129-9965-41b6-aa21-9946e15f9daf.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/57eb83a6-106d-4071-aba5-7e4db07725c5.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/7b944d0c-46a8-4f5c-9e51-2feff4c68931.gif" width="1100" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/204ddcbd-9461-466f-aa84-853e03506e87.png" width="400" style="">
 

 

步骤 8 - 打印百分比变量

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/453df404-e7c4-4198-8a1a-99510fd2552a.png" width="500" style="">
 

 

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

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/40221934-3111-43e8-a4a9-e3b4ea534922.png" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/dd76449e-e599-41e5-9984-e997b7008159.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">

 

步骤10 - 计算图章数量

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/d5cd5372-042e-4bfb-b84b-beca2ca12d63.png" width="400" style="">
 

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/4ea303d8-c7f1-4164-8a8c-61c216fd6049.png" width="400" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c8bfcbb6-b356-4915-8ae5-86d5222b09ae.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤12 - 添加多4行图章

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/18c8f399-aa58-46bb-959a-b9569b9f355f.gif" width="672" style="">
 

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/733921ae-484c-483e-84ef-8cf6c5b3eab2.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">

 
 

创意点子

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

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

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

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

 

覆盖的关键课题

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

 
 

介绍

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

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

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

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

西班牙文版本:

中文版本:

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c7b3bcef-f870-49cc-8df3-89b9a3f67ed0.png" width="1100" style="">
 

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/97e20f26-810f-4715-a065-d4208770d4a1.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6efcaa74-2905-4098-89c7-f58c112aed48.png" width="500" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/19478094-f3a8-41b2-98ce-7d837f7d0a81.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b04dc28a-20fb-4fb3-be62-7c1ae374b7e1.png" width="630" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/370a526e-bfb4-412d-a788-bf1432820afa.png" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

步骤 4 - 更新标签的颜色

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/4c54646e-1a71-42b0-80e4-7bf8dbf6fda4.png" width="700" style="">
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ea8c0628-a1f9-4266-b6eb-5f0a438c755e.png" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 5 - 隐藏标签

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/362ec10e-eb3a-47a3-88b1-b618e66dbe40.png" width="450" style="">
 

 
 

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

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/5b814a6c-8d70-4af4-a02c-005552a817eb.png" width="210" style="">

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/4dad4323-212a-47f8-a998-2111d40e1173.png" width="250" style="">

 
 

步骤 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”角色“：

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/4b803cc0-f69a-44fd-adbe-ca198247e97d.png" width="450" style="">

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

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/89006b27-f3d2-4b6c-8d3f-4f536b70f4da.png" width="400" style="">
 

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

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

 

步骤 11 - 展示新的字幕

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/0e73c360-8955-448a-a03c-1d2ce6946c31.png" width="800" style="">
 

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/47c17aa2-f1bc-4b9b-84a5-add1670179e7.png" width="450" style="">
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a168b25c-9fff-4fa1-992b-f7355bbdc15a.png" width="400" style="">
 

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a112efa7-9aa9-4e5f-96bf-8b18fcee08ce.png" width="400" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/5ddee51e-dad2-4226-a591-788bf40da4f9.png" width="600" style="">
 

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

 

步骤 14 - 第二个句子

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c7ce3153-1472-4f22-9a4f-371eba657d91.png" width="700" style="">
 

 

步骤 15 - 四个句子

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/01a241b5-08f0-476e-b57b-03424d7aeb97.png" width="700" style="">
 

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/aede6860-1585-4dd8-885b-8e41e146e9bb.png" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a8a00c06-77d9-4f67-a05b-5613724cc489.png" width="460" style="">
 

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/10a68c25-bc32-4ff3-a27b-f40f6ff22ba3.png" width="800" style="">
 

 

步骤 18 - 隐藏标题

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/5f315070-ef24-49d2-8a3e-d3d35699773a.png" width="550" style="">
 

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

 

 

 

创意点子

毋庸置疑，能够在你的项目背景中加入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||
• linkstart||The Khan Academy Channel||https://www.youtube.com||/c/khanacademy||linkend

 

覆盖的关键课题

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

 
 

介绍

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2c3af0eb-9fe1-4b31-a47c-b0e5d6c47ec2.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/730bb9e5-ffbf-49b6-a0a1-ca802e90a2b4.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/0c5b1b58-0055-438d-988e-389c767a8e55.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a63fd936-9c6f-48cb-86b8-cdd70f88af73.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/e7a8e91c-d08e-4e3c-a4c1-26fb67eaed4b.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">

 
 

步骤 4 - 点击动画

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/579e71b0-3f1b-4222-aab2-331a856d4c7d.png" width="300" style="">

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c4a0b7e9-2633-4d14-9d61-30829a7cd136.gif" width="100" style="border-radius: 5px; border: 1px solid #29622d;">

 
 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ae8596d1-6a24-49c0-a6ed-190644430651.png" width="300" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/1eb19c73-d172-41df-8221-9a29021aa1e6.png" width="250" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/833f63ba-af0e-4315-9b55-f9591fd38fdb.gif" width="200" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2c613f50-b2cc-4af5-9202-e280c14b93ab.png" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

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

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c94dd97b-4db1-43bf-907f-599e5a23e085.png" width="700" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/4b2f42ea-21d2-4308-b2fd-6e32e2a8008f.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

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

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

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

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/d07cfc24-b1d2-4beb-8300-0a4006e5aa85.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
接下来，转换到它的“造型”页面，并添加“甜甜圈”造型：

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/54d39d1b-e528-4cf3-a61e-67214c0bb6e9.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6a0e8746-9169-489a-b38f-719de65eb483.png" width="250" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/281541a4-d5fe-4e76-a65a-9b72e482a003.png" width="250" style="border-radius: 5px; border: 1px solid #29622d;">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8e9c1adf-664c-4aa1-a491-7b3177e45f9d.png" width="600" style="">
 

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

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/47ec1d79-c568-4cb0-b177-50b16ac66dfc.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 8 - 添加更多食物

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

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b9fb72ed-bd14-428e-980a-395df0d3a1ec.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">

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

 
 

创意点子

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

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

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

 

覆盖的关键课题

• 创建三维场景
• 使用轨道摄像头
• 摄像头设置
• 小工具扩展
• 按钮插件

 

介绍

在这个教程中，你将会创建一个程序来告诉大家你的祖国和你想要拜访的国家：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/7f827fd0-f7a2-4d02-ab32-7c474402bccd.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 1 - 加载“地球”场景

请在创益编程游乐场创建一个新的项目，移除小狗角色，再把这些编程积木添加到“空白1”角色中。

使用三维场景类别中的"创建三维场景" 来加载”地球“场景。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/23402545-483d-4147-9d0c-8154c13237a7.png" width="400" style="">
 

现在你可以围绕着地球来 旋转摄像头：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/d010e8ac-aa5e-425c-b3b4-25104631daef.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 2 - 找到你在地球的哪里

现在请尝试通过旋转和放大摄像头来寻找你在地球的哪端。举个例子，假设你的位置很靠近芝加哥（美国），你可以尝试把这个地点放在摄像头的中间：

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2defb75e-2be6-4656-b51e-15733b475832.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">

 

步骤 3 - 让摄像头自动移动

现在我们要让摄像头自动移动以便用户不需要旋转摄像头。

要移动摄像头，你需要使用”设置摄像头“编程积木。而要找出摄像头的位置，你可以使用摄像头特质报告编程积木，下图将展示如何同时使用这两个编程积木：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6e2303f2-2811-4877-b656-532b4c8e2797.gif" width="500" style="">
 

在完成你的程序之后，它看起来应该长成这个样子。它会自动把摄像头移动到你所在的地球位置上。

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/9f3cde7b-04b6-44cd-aec8-fd33cb91cb86.png" width="800" style="">

 

步骤 4 - 给目的地的新按钮

接下来，让我们添加一个按钮来让你直接跳到你在地球上的目的地。添加一个 “小工具” 扩展，然后添加 “添加按钮” 编程积木。

举个例子，假设你想要访问西班牙。那么你可以把按钮上的字体设置成”西班牙“。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8bb6cd23-889f-4a35-b1bb-bc844a576b4b.png" width="800" style="">
 

当你点击这个编程积木（只点这个积木），一个新的按钮会被添加到屏幕的中间。你可以打开”小工具位置“工具，并移动或者调整按钮大小。”添加按钮“编程积木的数值会随之改变。

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/282b492e-551f-40a8-bfb6-93d97d3d7f65.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">

这里展示一个有新的编程积木的最终程序：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a2d44b92-895b-4be5-b0cd-5e94e5cd6a7a.png" width="700" style="">
 

 

步骤5 - 处理点击按钮事件

当用户点击按钮时，我们需要转换摄像头视角以便它看向地球上的西班牙。这个逻辑可以被转换成这两个编程积木：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/eebde928-84b2-4761-b92f-33bb57dc13eb.png" width="500" style="">
 

现在我们只需要找出摄像头的准确距离和角度。这个方法和步骤2和3非常相似。我们首先手动移动摄像头，然后找出摄像头参数。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/369a62c9-e071-487e-b028-4e6f35880db3.gif" width="900" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 6 - 摄像头动画

现在，当用户点击“西班牙”按钮时，我们的摄像头就会跳转到新的视角。要让跳转看起来更流畅，我们可以添加一些动画，就像我们在谷歌地球里面看到的一样。

我们有很多可以移动摄像头的方法。在这个例子中，我们会先在1.5秒内把摄像头和地球之间的距离增加到11000来拉远摄像头。第二步，我们保持这个就，但是在三秒内把摄像头旋转到一个新角度。最后，我们在1.5秒内把摄像头拉近以便更靠近西班牙。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/25376c04-5cf2-41aa-b73c-a4a755edd789.png" width="700" style="">
 

现在我们得到一个还不错的摄像头动画：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/fcd22c6e-14a0-4f80-ab4b-cc05358cc6e5.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">
 

 
 

创意点子

你可以使用这个点子来创建更多其他有趣的程序，用以展示地球的其他部分。这里有一些你可以参考的想法

• 你可以改变按钮的颜色来让他变得更好看。
• 你可以添加另外一个可以把摄像头转换成你现有地点的“家乡”按钮。
• 你可以创建一个程序来展示地球上最大、最小和最出名的国家。

 

覆盖的关键课题

• 创建三维场景
• 使用球体
• 旋转物体

 
 

介绍

在这个教程中，我们将会创建一个像这样的精灵球：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6821584b-1658-4fa8-844c-088f52fc0ce0.gif" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 1 - 有三维轴的“空无”场景

请创建一个新项目，移除小狗角色，并把这些编程积木添加到“空白1”角色。你可以在“三维场景”类别中找到"创建三维场景"编程积木以及"显示三维坐标轴" 编程积木。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6f135fa5-9ae9-43c9-8f94-50a728af8220.png" width="400" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

就像动图显示的一样，X轴会指向右边，Y轴会指向前方（面向屏幕），以及Z轴指向上方。你可以在舞台上拖拽你的滑鼠来让摄像头围绕着它旋转：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/dcebc38b-cc87-4eb8-a3f1-6252211315eb.gif" width="460" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 2 - 一个深灰色的球

我们先从添加一个暗黑色的球体开始。请把它在三个维度的大小都设置成300，并把侧面数设置成64来让球体看起来更光滑。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/3f06862e-992f-4dbb-af91-f4c5b303e88d.png" width="800" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

你应该得到一个像这样的物体：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2062cac9-3eb1-47e5-a71d-8dc966d16ca2.gif" width="450" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 3 - 添加半球体盖子

精灵球应该有一个红色的半球体复盖在上半部。我们可以添加一个稍微更大一点的球体，把大小从300改成304，以及把侧面数从100改成50。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/f43bdb8f-1752-497d-9271-1721c69d210b.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 4 - 把盖子旋转到顶部

现在我们需要把红色盖子旋转到顶部。你可以使用角色控制台中的方向控制来手动尝试旋转，并添加"旋转到"编程积木，然后使用你得到的数值。在这个案例中，我们应该围绕着X轴到-90度或者270度：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/077c1c34-fa0b-43d7-a7e7-003794b7f790.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 5 - 在底部的白色盖子

下一个步骤是非常相似的。我们需要在底部添加另外一个半球体，所以旋转角度会是90度。

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c7028b3e-aec6-4241-b9e7-9811702a92fd.gif" width="1000" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">

 

步骤 6 - 创造缝隙

现在我们不能看见在红色和白色盖子下的灰色球体。要在中间创造一个缝隙，我们要让盖子变小。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/e4e88714-9c1d-47d9-a857-fae438d538da.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">
 

你可以通过把“切层”数值从50减到48来做到。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c36584de-65ee-4137-9c34-d965f008ef4f.png" width="600" style="">
 

 

步骤 7 - 添加一个黑色盖子

现在我们需要添加一个黑色的盖子，作为精灵球的“眼睛”。它看起来应该长这个样子：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/7df349c2-4679-4242-8455-ba4f77ec8b51.gif" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

请在还没有看答案之前先想想如何添加它。

这是其中一个能够做到的方法：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/1a4d78c8-9379-4864-bd0e-9d0530a12db3.png" width="700" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

就像你看到的一样，我们需要一个比较大的球体，这样他就会覆盖红色和白色盖子。我们也需要使用一个非常小的“切层”数值以便它只会覆盖球体的一小部分面积。

 

步骤 8 - 一个荧光眼球

接下来，让我们在黑色眼睛里添加一个荧光眼球。你可以尝试看看吗？

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6821584b-1658-4fa8-844c-088f52fc0ce0.gif" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

答案会和黑色眼睛非常相似，我们只是需要把大小增加一点，然后把“切层”数变小一点。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/506c0265-a012-477b-b3de-80bbd194fffe.png" width="800" style="">
 

 

创意点子

你可以有很多办法来改良这个程序。这里有一些可以激发你的灵感的点子：

1. 不一样的颜色和纹理: 你可以在精灵球的所有部分尝试不一样的颜色或使用新的纹理。

2. 两只眼睛: 你可以在现有的眼睛部分对面尝试添加另外一只眼睛。

 

覆盖的关键课题

• 创建三维场景
• 使用球体
• 更新纹理

 
 

介绍

在这个程序中，我们会利用三个球体形状来创建一个外星飞碟：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a60fd49f-a8b8-403a-a67b-9d70533bd242.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤 1 - 创建一个“天空”场景

请创建一个新项目，并使用"创建三维场景"编程积木来加载“蓝天”场景。这个场景可以很快被加载的。它包含一个有白云的蓝天，并且下方有个海洋。请一并添加三维轴来显示三个维度。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/d2bf37b4-82f8-46f0-a999-e64114dbc2b5.png" width="400" style="">
 

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/7c91befa-bc17-437e-8bdd-d9cd168af432.gif" width="480" style="">
 

 

步骤 2 - 添加第一个球体

现在让我们添加一个大而平的球体来作为外星飞碟的主体。X和Y的大小应该是一个很大的数值，比如500；而Z的大小（高度）应该要更小，比如50.

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c3753254-c06f-4301-b7d3-018e44a19999.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">
 

这是需要被添加的新的编程积木。需要注意的是，侧面数被设置成64，来让大的球体看起来更光滑。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/66009bdf-7122-4e10-b868-b4f30bf92937.png" width="700" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

步骤 3 - 更新纹理

要让外星飞碟的主体看起来更真实，我们可以对它使用一个纹理。如果你搜索关键词“宇宙”，你将会找到很多可以选择的好看纹理。你也可以改变它的重复次数来让纹理重复更多次。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/66dc0ef3-395e-40ff-98d6-70fbf11f619b.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 4 - 第二个球体

接下来，让我们添加另外一个更小但是更高的球体，但是也拥有不一样的纹理，你可以尝试添加它吗？你应该使用什么x/y/x的数值呢？

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a185df32-4e4d-4856-89c2-1f829b7ccd8f.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">
 

这是你如何利用复制来添加第二个球体的方式：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/abcf5ad3-0eb0-4fa9-8b67-05d142b2c5d1.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 5 - 作为控制室的第三个球体

最后一个球体看起来会更小更高。你也可以在指定颜色时让他变得半透明。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a32fb133-68b1-4577-b454-648ff087ce07.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">
 

这是你需要添加的新编程积木：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6ace4000-64d8-4c71-a566-3d72db06ae89.png" width="700" style="">
 

步骤 6 - 把第三个球体切一半

我们应该只需要控制室在外星飞碟的上半部分。我们可以使用“切层”输入来得到半个球体。请尝试产出一个像这样的结果：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a60fd49f-a8b8-403a-a67b-9d70533bd242.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">
 

就像展示的一样，当我们把球体变成一个半球体，他正面向错误的方向，所以我们也需要旋转它：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/3b02ef39-63bb-4ea5-83bd-2a0d2f0eed30.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

创意点子

有很多你可以改善这个外星飞碟的方法。这里是一些可以激发你的灵感的点子：

1. 不一样的颜色和纹理

2. 打开第二个球体: 现在第二个球体作为透明盖子出现。如果能够打开，那看起来会更好：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/427ae0b8-acf0-475c-b7b2-e6a4e931142d.gif" width="470" style="margin-left: 40px; border-radius: 5px; border: 1px solid #29622d;">
 

3. 添加其他物体: 你可以在场景中添加一些其他物体，比如外星人、灯、舱门、着陆腿等。

 

覆盖的关键课题

• 创建三维场景
• 使用化身
• 化身动画
• 摄像头设置
• 复制物体
• 击打鼓
• 更新物体颜色

 
 

介绍

在这个教程中，我们将会进行一些跟跳舞的外星人的趣事：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ada838b6-d69d-41b0-9144-6957c1e27d36.gif" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤 1 - 创建一个有三维轴的草地场景

请创建一个新项目，并移除小狗角色。在“空白1”角色中，添加青色旗帜编程积木、“创建三维场景”、以及”添加三维轴“编程积木。需要注意的是，你需要点击输入框并选择”草地“场景。这是一个拥有巨大草地和蓝天的轻量级场景。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2c1b429e-1d6a-43f0-8b79-197eb0908485.gif" width="1000" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

就像动图显示的一样，X轴会指向右边，Y轴会指向前方（面向屏幕），以及Z轴指向上方。你可以在舞台上拖拽你的滑鼠来让摄像头围绕着它旋转。

 

步骤 2 - 添加一个外星人化身

化身是可以呈现一系列动图的像人的模型。这里将展示如何添加一个外星人化身：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6af3af4b-fb46-4ae3-8ecc-7111ad4138f0.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤 3 - 教外星人如何跳舞

外星人化身只知道如何保持在”休闲“状态。我们需要通过对外星人"添加动画"来“教会”它如何进行一些跳舞的动画。下列动图将会展示如何浏览动图并添加“霹雳舞准备”动画。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a24d9447-375e-42f6-995a-768793d1357d.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 4 - 开始舞蹈

在我们添加舞蹈动画之后，我们可以在任何时候开始动画。默认情况下，动画会在它完成一轮之后重新开始，所以它会一直重复下去。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/cf478a58-1c91-4632-834e-bba6a2dd3e25.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤 5 - 摄像头更好的位置

因为外星人面向前方并体积很小，我们可以移动摄像头以便可以在外星人的前方观看。我们可以使用这个编程积木来设置摄像头的距离和角度 ：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/76a9185c-c40e-419b-bfe0-edad887d6c63.png" width="600" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

 

步骤 6 - 复制并移动

接下来，让我们添加另外一个外星人角色。我们可以创建一个它的复制体，并选择在这两个角色之间共享数据。这会让你的程序运行得更快，因为所有角色将会重用一样的颜色和动画数据。

我们也需要将复制的角色移动到一个不一样的位置，否则他将会与原有的角色重叠。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c19d7ae3-0b6d-4b31-98aa-5a9bad107b2a.png" width="700" style="">
 

现在我们会有两个在彼此旁边跳舞的外星人：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/65250e2c-b4f0-431b-9af6-3396d344afc0.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 7 - 第三个外星人

接下来，你可以尝试添加一个像下图一样的外星人吗？

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/fc118329-0ce0-4392-9fa7-2c2e21f6cfb0.gif" width="470" style="border-radius: 5px; border: 1px solid #29622d;">
 

这里有一个可以做到的办法。我们只需要把它的X数值设置成-100，而不是100。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/128f4f43-8492-4175-bfef-c346ca95ea4d.png" width="300" style="">
 

 

步骤 8 - 跳舞节奏

我们的舞蹈排队还缺少一些跳舞的节奏。我们可以添加一些鼓点来配合外星人的动作：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/e4e2aebf-b3e1-45d1-978a-f1c264afa97a.png" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤 9 - 改变眼睛颜色

最后，让我们是外星人眨动红色眼睛：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ada838b6-d69d-41b0-9144-6957c1e27d36.gif" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

要让眼睛改变颜色，你需要使用"更新颜色"编程积木，并选择“第二”区域，这个区域代表角色的眼睛。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b05412a1-98eb-4847-a4d3-3cd4eaa44288.png" width="900" style="">
 

作为参考，这是最终程序。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/458bfe3d-6e5a-489b-a071-092178e5206d.png" width="800" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

创意点子

你可以有很多办法来延展这个程序。这里有一些可以激发你的灵感的电子：

1. 改变身体颜色: 你可以随机地在每个不走改变外星人的身体颜色。

2. 移动外星人: 你可以尝试添加更多的角色，并移动或旋转他们来形成一个有趣的阵型。

 

覆盖的关键课题

• 创建三维场景
• 使用球体
• 更新纹理
• 设置物体速度
• 为物体添加高光

 
 

介绍

在这个教程中，你将会学习如何创建一个旋转的地球：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8a804582-0aae-4bd4-a03f-5532e7b73367.gif" width="460" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤 1 - 创建一个空白场景

首先，创建一个新的项目，然后使用"创建三维场景"编程积木来加载一个空白场景。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6485d248-bd7b-43cd-b30e-8c419d563bd0.png" width="500" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

默认情况下，这回创建一个没有东西但是蓝色背景的空白场景：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/5df77016-09b3-4647-a8ad-62c8f4181b55.png" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤 2 - 设置星空背景

接下来，使用“指定天空”编程积木来创建更好看的背景：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b79b982e-24da-46b7-8aa6-0dd78f16f456.png" width="300" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

你应该会得到一个太阳处在右边的星空：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/4ee62001-0f6c-4250-91ba-9f34a92a042e.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤 3 - 添加一个大的球体

接下来，在场景中添加一个球体，它的直径需要有10000。我们先不需要担心它的颜色。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/421eb240-fdc6-40b5-b1c1-04b638b3d5dd.png" width="600" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

被添加的球体面向太阳的那一面会看起来更明亮。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/1c210aed-d493-46a2-ad4a-03b7fc3c3933.gif" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤 4 - 添加地球纹理

现在我们需要使用地球纹理来更新球体的纹理。我们先添加"更新纹理"编程积木，点击“请选择”输入框，并在图书馆窗口中搜索“地球”。

 

 

注意，这里的地球的纹理是上下反过来的。这个问题在使用纹理的时候偶尔会出现。为了让它上下翻转过来，我们可以把纹理的垂直方向的重复次数从1改为-1：

 

 
 

步骤 5 - 让地球旋转

要让地球物体旋转，我们可以使用"设置速度"编程积木。需要注意的是，地球需要从“左”旋转向“右”，所以“Z轴旋转”速度需要为负数。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/0d2017d4-6217-41f1-8d14-f7e32851e39c.png" width="300" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

现在你的地球物体应该可以缓慢地旋转了。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/e0a49304-199f-4a08-85d3-031fb7e0c504.gif" width="480" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤 6 - 围绕着地球的高光

最后，要让地球物体散发出蓝光，我们可以创建一个新的高亮层，并把球体添加到那个层次。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/9ac28158-f571-4e5f-bb43-4a3877732e9b.png" width="350" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
 

现在你的地球物体周围应该带有一圈蓝光。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8a804582-0aae-4bd4-a03f-5532e7b73367.gif" width="460" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

下一步

你可以尝试使用相似的方法来创建其他项目。这里有一些点子的例子：

• 不一样的星球: 你可以把地球换成其他星球，比如火星；
• 旋转的皇冠: 你可以尝试让一个皇冠物体 旋转并发光。

 

覆盖的核心课题

• 设置大小、修改大小
• 为造型上色
• 切换造型

 
 

介绍

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

这是一个关于回收的教程，跟第十二个目标“负责任消费和生产”有关。

你将会创建一个简单的小测验，让玩家选择一件物品可以被回收与否：

https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/576257d2-575e-4ac9-9dba-f3c11591a2a8.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">

 

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

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

https://play.creaticode.com/projects/c6ff348d316b5d815fecd0f4

点击“改编”按钮来创建一个你自己的改编程序。需要注意的是，你需要登入以便可以创建改编程序。

这个程序包含三个角色物体。物体角色物体将会代表测验中的废弃物品。它包含了很多常见物体造型。在这个教程中，我们只会使用“牛奶罐”造型。

 

步骤二 - 移动和设置角色物体大小

首先，让我们移动和调整角色物体大小以便让布局变得更好看。举个例子，你可以让废弃物品变得更大，并把两个桶调整得更小并放到右边。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/e0f86bd3-2188-4937-ba17-29b798499780.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤三 - 用新的角色物体来绘制箭头

接下来，让我们添加另外一个角色物体，用以展现两个从废弃物品指向垃圾桶的箭头。你可以使用右下角的“绘制”按钮来添加一个空白造型的新角色物体：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2e0271a8-4386-436e-8319-096fdc09882f.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

在这个新角色物体的造型编辑器中，你可以添加一个你喜欢的颜色的新箭头，并把它旋转到朝上的方向。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/45ff0dee-38a5-421d-a3cb-319053619e85.gif" width="1100" style="border-radius: 5px; border: 1px solid #29622d;">
 
接下来，选择这个箭头，然后创建一个它的复制体。把这个新箭头放到下边并让它指向下方：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b5390bc9-4745-4a03-a6cd-08419c999950.gif" width="11000" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤四 - 在垃圾桶造型中添加字体

当玩家正确地选择了垃圾桶，我们需要展示一个很大的“是”在垃圾桶的上方。要做到这个，最简单的方式是添加另外一个造型，并在上面写上很大的“是”字。请复制垃圾桶造型，并在上边添加“是”字。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/91ef7571-4f85-4919-a102-868d96b33736.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

相似地，请制造另外一个有“不”垃圾桶的造型：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/9a41f1ca-20f6-4cf8-90ce-fa15cadc08d5.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤五 - 把字体复制到回收箱

我们也需要回收箱的“是”与“不”的版本。你可以复制两次回收箱，并从垃圾桶造型中复制字体。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/24ce61f4-31b8-49e6-bfea-d2c107f458dc.gif" width="1100" style="border-radius: 5px; border: 1px solid #29622d;">
 

目前为止，我们已经拥有所有需要的造型，是时候开始添加编程积木。

 

步骤刘 - 展示不带有字体的垃圾桶

当程序开始运行的时候，我们应该展示上方没有字体的垃圾桶。你可以把这个两个编程积木添加到垃圾桶角色物体里：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/5a2b7b71-2b82-4aa5-a812-53eb337321f2.gif" width="1100" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤七 - 当垃圾桶被点击时，转换成带有“不”的造型

因为我们正在使用牛奶罐作为我们的例子，而牛奶罐是应该被回收的。所以，如果玩家选择垃圾桶，答案就会是错误的。我们可以在玩家点击垃圾桶是，把造型变成上方有“不“字的造型。你可以在垃圾桶造型中使用这些编程积木：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a04a25ca-e398-4fe0-951c-5d3b3a7d748a.gif" width="1100" style="border-radius: 5px; border: 1px solid #29622d;">
 

现在我们的垃圾桶角色物体运行良好。它一开始时没有字体，然后我们点击它时就会转换成”不“：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/acbc1126-2329-46ca-9746-3dda2f9b7a44.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤八- 为回收箱添加相似的编程积木

现在请复制这两盏编程积木到回收箱编程积木，并在回收箱被点击时转换成“是”的造型：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/98356600-27f3-4350-ac20-47460ab92cb7.gif" width="1100" style="border-radius: 5px; border: 1px solid #29622d;">
 

现在我们简单的小测验程序已经完成了。当用户点击运行之后，他/她需要选择点击垃圾桶或回收箱，然后我们会展示答案：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/576257d2-575e-4ac9-9dba-f3c11591a2a8.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

创意点子

你可以有很多方法使用你的创意点子来延续这个程序。这里有一些例子：

• 不一样的物体: 你可以选择使用“废弃物品”造型列表中的另一个物体，又或者添加你自己的新造型。作为参考，这个页面包含了很多可回收物品和不可回收物品的例子。

• 笑脸: 与其展现“是”与“否”的字体，你也可以在垃圾桶和回收箱的上方添加笑脸或生气的脸。

• 多重关卡: 在玩家正确回答一个问题之后，你可以给他的分数添加一分，并展示另一个物品。重复这个步骤直到玩家做出了错误的选择。

 

覆盖的核心课题

• 用以移动的箭头编程积木
• 说句子
• 设置大小、修改大小
• 绘制造型
• 更换造型
• 广播消息与接收消息
• 隐藏或显示角色

 
 

介绍

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

这个教程是关于老年人的福祉，而这个跟第三个目标“良好健康与福祉”有关。

对于年龄大于65岁的人群来说，大部分人都在家独居。要照顾他们的其中一个方法是在他们的家中使用照顾健康机器人（“护理机器人”）。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ca50debb-ec90-4a5e-9061-e5fd0f98c138.png" width="1000" style="">
 

这个程序将会展示给更多人知道护理机器人可以做到的事情。祖父将会指示一个名为“Joy”的护理机器人来帮他找到他的书本，而用户将会使用键盘来控制Joy去拿到书本。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/415a3cac-08c4-4900-ab6d-871786f40209.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

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

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

https://play.creaticode.cn/projects/49c43c50fd71336e5fb6c685

点击“改编”按钮来创建一个你自己的改编程序。需要注意的是，你需要登入以便可以创建改编程序。

这个程序包含4个角色物体：

• “祖父”角色是一个需要Joy的帮忙来获取东西的人物。
• "Joy"护理机器人拥有16个造型，用以让角色在4个方向行走；
• “房间”角色包含一个简单的墙壁造型；
• “东西“角色物体包含一些祖父可能正在寻找的常见物品，比如书本或眼镜。

 

步骤二 - 填充一个背景颜色

首先，请选择舞台，并使用一个长方形来覆盖整个造型。选一个跟角色们不一样的颜色。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/84da20ac-bb84-4787-9034-ea1ea14c2c5e.png" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤三 - 祖父呼叫帮忙

当程序开始运行时，祖父需要告诉Joy他正在搜寻的物品。你可以使用”说“ 编程积木来在屏幕上展示他的需求，例如”Joy，我的书本在哪里？“。需要注意的是，你需要在”祖父“角色物体中添加这两个编程积木：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2102bc96-41b8-4152-beb4-6a614e585ea0.gif" width="800" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤四 - ”开始“消息

在说完请求之后，祖父会”告诉“”东西“角色以移动到舞台的一个随机位置。他可以在通过”说“编程积木之后使用广播一个“开始”消息 来做到：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/dd31c1d4-8b1e-4346-86bd-aa46cda0b9e4.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

在“东西”角色物体，当他收到“开始”消息时，它应该移到随机位置。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/9aca1e9c-cfd2-498e-a22d-fe641ffbf21f.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤五- 隐藏和显示书本

与其展示书本随机移动的画面，我们应该在一开始时隐藏物体，并在它已经移动到一个新地点之后显示它。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/d3104709-4c08-4628-a8fe-e2ddccf287c3.png" width="250" style="">
 

现在，书本会在一开始时被隐藏，接着在一个随机位置被显示：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/33ee7c2f-4823-4f37-a537-fcc102ea4eff.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤六 - Joy在中间开始

现在让我们添加一些编程积木到”Joy"角色物体。首先，我们需要Joy一直在舞台的中间开始。这会让玩家更容易开始。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/89526733-4bf1-4177-8c37-a8442f752a3f.png" width="210" style="">
 

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8289bb8e-37c3-4888-8b5e-29f87a386505.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤七 - Joy走到右边

当玩家按下键盘上的右箭头键，我们会让Joy转向右边。程序里包含Joy面向右边的四个造型，”R1“、”R2“、”R3“和”R4“。现在，我们会只使用"R2"。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/08303e9c-702e-4940-adb3-afe9df90a1e9.png" width="700" style="border-radius: 5px; border: 1px solid #29622d;">
 

我们也需要使用右键编程积木来让Joy移向右边。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/5ddafb2b-c491-452a-88c0-065f3e73ce2b.png" width="300" style="">
 

现在，每次我们按下右箭头键时，Joy都会朝右边移动一点：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/95dfde54-8d0e-46f6-92b1-e6cf8bc4df62.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤八 - 添加其他三个方向

让Joy在其他三个方向移动的编程积木非常相似。请把它们也添加到Joy角色物体：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8c42002e-78ff-46c8-9010-f877fe0c1384.png" width="700" style="">
 

现在我们就能让Joy移动到舞台的任何角落：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/00bbe062-50d4-4bb2-8cd3-e3abd10b84e1.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

步骤九 - 触碰墙壁就重新开始

现在，Joy可以穿透房间里的墙壁。要让游戏更有趣，我们可以让Joy在触碰到任何墙壁时回到中心点。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/fe0a72c7-1225-48a5-8350-cd39f112e893.png" width="300" style="">
 

现在我们可以让Joy走向墙壁来测试程序：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/783fd00f-a30f-4aad-bc98-81f81bf85705.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">

 

步骤十 - 添加一个”做得好“消息

当玩家成功让Joy移向书本物体的时候，我们需要展现一个消息。请添加一个新的名为”成功“的角色物体，并绘制一个成功消息。这是一个例子：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/49113ead-e9ce-49a4-9f35-f1e38ebe527e.gif" width="900" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

步骤十一 - 一开始时隐藏“成功”角色物体

在游戏的一开始，我们应该隐藏“成功”角色物体。请在角色物体的代码中添加这些编程积木：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/04b826d8-1640-4245-9ba5-324bd1d91217.png" width="200" style="">
 

步骤十二 - 显示”成功“角色物体

当Joy角色物体触碰到书本物体，我们需要显示”成功“角色物体。

首先，我们需要在Joy触碰到”东西“角色物体时广播一个新的消息”成功“。我们应该在Joy的代码中添加这些编程积木：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b9500d38-0e68-4ade-8e68-cf08bd7e0e3b.png" width="230" style="">
 

在“成功”的角色物体中，当我们收到“成功”消息时，我们应该显示这个角色物体，并把他移到屏幕的中间：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/3ee27c17-850b-441d-bd74-68b76ac39040.png" width="250" style="">
 

现在我们的游戏已经准备好了：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/18380ac0-822c-4a72-a397-d65ad11d9c0d.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

下一步

你可以用很多方式来延伸这个程序。这里是一些例子：

• 绘制一个不一样的房间: 你可以用你自己的绘画来代替“房间”角色的造型。

• 寻找两个物体: 与其只寻找一个物体，你可以改变祖父的指令来让玩家寻找两个物体。成功的条件也会随着指令改变而被改变。

 

预备知识

• 父母孩子关系

 

介绍

如果你有尝试自己利用简单的形状来建造一个物体，比如桌子，你可以把这个物体输出成模型文件，这可以用来做三维打印或分享成社区模型。

 

准备物体以作输出用途

在你还没有可以把物体输出成一个模型文件之前，你首先需要准备好它。目标是要让模型的其中一部分成为其他所有部分的父母。

举个例子，这个桌子由桌面和4个桌腿组成。要输出这个桌子，我们需要采取两个步骤：

1. 为这5个盒子各取一个名称。
2. 把桌面设置成4个桌腿的父节点。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/73b87668-df52-48c0-9f92-076ccbb5d5de.png" width="900" style="border-radius: 5px; border: 1px solid #29622d;">
 

输出物体

现在你可以利用“输出物体”编程积木来把这个物体输出成一个文件。编程积木里的输入框应该要是你之前指定的父节点物体的名称。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/705b4306-f90c-495d-b7bc-6ae0ce139b11.png" width="600" style="">
 

如果你需要一个“GLB”文件作为分享用途，那你应该使用“输出物体（）为GLB文件”编程积木。如果你需要一个“STL”文件作为三维打印用途，那你应该使用第二个编程积木。

当你运行这些编程积木时，它会展示一个对话框以让你指定文件名称。

 
ccimg||900|https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/d5f31e6e-72ad-4557-a3e1-2bffd1fa6dc9.gif
 

动手时刻：
https://play.creaticode.com/projects/27b6fd6dc16d056ba2807bb4

 

不要从模型图书馆中输出模型

需要注意的是，你不应该输出你使用”添加模型“或“添加社区模型”编程积木加载的物体，因为这可能违反了这些模型的许可。

事实上，如果你的场景中包含模型图书馆中预先构建好的模型，“输出物体”编程积木将不会做任何事情。

 

预备知识

• 添加盒子
• 名称和角色物体

 
##介绍

你可以通过用一个物体来切割另一个物体来创建很多有趣的形状。举个例子，下列这个物体就是利用一个柱体来切割一个盒子得到的：

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/8698213/h1.gif" width="350" style="border-radius: 5px; border: 1px solid #29622d;">
 

需要注意的是，切割是一个非常花费时间的操作。两个物体之间的细节越多，需要用来进行切割操作的时间就越长。举个例子，一个球体比起一个盒子拥有更多的细节（定点，棱角和面），所以切割球体需要花费的时间会更长。

 

”切割物体“编程积木

要制作一个切割品，你首先需要两个有名称的物体。它们也需要有重叠的部分，否则切割操作之后没有东西会被改变。接着，你就只需要运行这个编程积木：

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a68e36ec-3b59-43d3-b634-575b3f9c06ab.png" width="300" style="">
 

当你运行这个编程积木，第二个物体（将会被切割的目标物体）的重叠部分将会被移除，而第一个物体（作为切割器的物体）将不会被改变。

 

例子1：先切割后移除

在一个基本使用例子中，你在一个物体上切割了一个洞，而你需要移除作为切割器的物体，才能展示那个洞。就像展示的一样，当你运行了”切割“编程积木后，看起来好像没有什么事情发生。虽然如此，在移除了青色盒子之后，我们会看见黄色盒子上的孔。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/f8ab417f-d65f-4d0b-ad51-a5d35a9da5b5.gif" width="900" style="border-radius: 5px; border: 1px solid #29622d;">
 

 

例子2：重新使用作为切割器的物体

有的时候，我们不需要在进行切割之后直接移除作为切割器的物体。相反，我们可以重新使用它来进行更多的切割。这样的操作会确保我们得到的孔或洞会有一样的尺寸。在这个例子中，进行第一个切割后，我们旋转作为切割器的物体”C“来进行另一个切割。

 
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/570be9ba-9ad0-4f1f-a697-c71805a62334.png" width="600" style="">
 

 
https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9018298/c4.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
 

运行一下试试看：

https://play.creaticode.cn/projects/7def30b673781fc7d1e69b9e