二维 - 可持续目标3 - 卡路里计算机（难度：2）

[creaticodeta2-mail]

 

覆盖的关键课题

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

 
 

介绍

可持续发展目标是联合国在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个卡路里的卡路里总数。

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