二维 - 可持续目标3 - 卡路里计算机(难度:2)
-
覆盖的关键课题
介绍
可持续发展目标是联合国在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个卡路里的卡路里总数。
-
多个页数: 我们可以添加两个按钮,一个”上一页“和一个”下一页“,这样我们就可以在不同的页面展示不一样的食物,这会允许我们展示更多的食物选择。
-