Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • CreatiCode
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

CreatiCode Scratch Forum

  1. CreatiCode Forum
  2. 知识库
  3. 小教程
  4. 二维 - 可持续发展目标1 - 非洲贫困率(难度:3)

二维 - 可持续发展目标1 - 非洲贫困率(难度:3)

Scheduled Pinned Locked Moved 小教程
1 Posts 1 Posters 712 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • C Offline
    C Offline
    creaticodeteacher2-mail
    wrote on last edited by admin
    #1

     

    主要的相关课题

    • 绘制造型
    • 克隆角色
    • 图形特效积木
    • 变量简介
    • 读取表格
    • 在舞台上打印文字
    • 积木——“当碰到( )时”

     
     

    介绍

    可持续发展目标 是联合国于2015年正式通过的17个目标。这17个目标是每个人都要完成的学习清单。

    本教程是关于非洲国家的贫困率,与第一个目标“消除贫困”相关。

    在本项目中,用户可以在地图上选择一个国家,然后显示这个国家贫困线以下的人口比例。这些人口日收入不足1.9美元,很难满足食品和医疗等基本需求。大部分贫困国家在非洲,这张地图清楚地告诉我们哪些国家最需要帮助。

     

    第1步——改编模板项目

    首先,点击下方链接,即可打开项目模板:

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

    点击按钮“改编”,即可生成自己的改编项目。注意,你需要登录之后才能操作这一步。

    1.png

    该项目包含一个角色“非洲各国”,里有55个造型。每个造型就是一个国家的地图,造型就以国家名称命名。还有一个表格“非洲国家”,包含了这55个国家的贫困率。

     

    第2步——画一个深色的背景

    首先画一个渐变色背景。点击“舞台”图标,然后画一个矩形,要覆盖整个舞台。然后选择渐变填充模式,选2种自己喜欢的颜色:

     

    第3步——为背景添加标题

    在背景上添加标题,就写一个“非洲贫困率”。你可以用文本工具“T”在背景上添加文字。还可以更改文字的颜色、位置和大小。

     

    第4步——创建55个克隆体

    现在我们准备好添加地图了。因为有55个国家,我们要为角色“非洲各国”创建55个克隆体,让每个克隆体显示不同的造型。

    为了创建这些克隆体,你可以用一个计数循环“让变量(i)从( )走到( ) 步长( )”,和一个新变量“i”,这个变量就会从1走到55。在计数循环中创建克隆体,用变量“i”作为克隆体的编号ID。

     

    第5步——每个克隆体显示不同的造型

    接下来,我们要处理每一个克隆体。首先要使用积木“当作为克隆体启动时”,并在下面添加2个积木。

    • 我们将根据“克隆体ID”切换至不同的造型。每个克隆体都有自己的“克隆体ID”,各不相同。“克隆体ID”是一个介于1至55之间的一个数,那么这些克隆体将显示从造型1至造型55。
    • 原始角色“非洲各国”设置为隐藏。那么,当某个克隆体切换至对应造型之后,我们需要显示该克隆体。

     

    第6步——移动每个克隆体

    我们看不到整个地图,而地图随着造型变换,造型的位置决定了地图的位置。这容易解决,就是把每个克隆体向左上方移动。

     

    第7步——不让屏幕刷新

    目前,创建全部55个克隆体需要一定时间,因为添加每个克隆体之后,屏幕会刷新以显示地图的变化。为了让程序运行更快,我们创建一个不刷新屏幕的新积木,并把代码积木放到这个新积木的定义中。这样的话,只有当添加完全部55个克隆体后,屏幕才会刷新。

     

    第8步——将克隆体设置为随机颜色和随即亮度。

    接下来,我们要让地图好看一些,方法就是把每个克隆体设置为不同的颜色和亮度。注意,要让地图亮一些,但不能太亮,我们就选40至70之间的一个随机数。

     

    第9步——从列表读取贫困率

    为了显示贫困率,首先需要在每个克隆体中读取表格。请新建一个变量“贫困率”并选择“仅适用于当前角色”。这样的话,每个克隆体都有一个变量“贫困率”。

    现在就可以利用列名“数据”和行号“克隆体ID”从表格中读取贫困率。之所以能做到这一点,是因为造型和表格中的行都是按顺序排序的,并且一一对应,所以造型1的国家与表格的第一行的国家是同一个。

     

    第10步——显示国家名称和贫困率

    每当用户点击任意一个国家,我们就要显示这个国家的名称和贫困率。我们可以用积木“当角色被点击”,在所有克隆体上都起作用。然后让角色说出国家的名称和贫困率。注意,国家名就是造型的名称。

    现在这个项目就可以运行了:

     

    第11步——鼠标指到的国家高亮显示

    为了让地图更具交互性,我们将鼠标指到的国家高亮显示。这一事件被称为“当碰到(鼠标指针)时”,我们只需要把克隆体的亮度增加50:

     

    第12步——恢复亮度

    还有个小问题:当鼠标移开某个国家之后,这个国家仍然是高亮的。为了恢复初始亮度,需要等到鼠标移出某个国家后再使亮度减小50:

    最终结果如下:

     

    下一步

    这个项目还可以扩展成其他样式,有很多种方法。如下是一些例子:

    • **在舞台上打印贫困率:当鼠标指到某个克隆体,我们就在舞台上打印对应的国家和贫困率。

    • **其他指标:除了贫困率,还可以显示其他一些重要的指标,如平均寿命或者儿童死亡率.

    1 Reply Last reply
    0
    • C CreatiCode Teacher moved this topic from Draft on

    Hello! It looks like you're interested in this conversation, but you don't have an account yet.

    Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

    With your input, this post could be even better 💗

    Register Login
    Reply
    • Reply as topic
    Log in to reply
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes


    • Login

    • Don't have an account? Register

    • Login or register to search.
    • First post
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode