Navigation

    CreatiCode Scratch Forum

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode

    二维 - 可持续目标11 - 世界文化遗产影片清单(难度:2)

    小教程
    1
    1
    126
    Loading More Posts
    • 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.
    • info-creaticode
      CreatiCode last edited by admin

       

      覆盖的关键课题

      • Youtube 影片小工具
      • 按钮小工具
      • 使用变量
      • 打印文字

       
       

      介绍

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

      这个教程将会谈到世界的文化和自然遗产,而这跟第11个目标"可持续的城市和文化"有关。

      你会创建一个影片播放清单,这里面将包含几个向用户介绍几个世界遗产的影片。而他们全都是很少被大众知道的国家公园。

       

       

      步骤1 - 开始一个新项目

      首先,请在创益编程游乐园创建一个新项目,并移除”科迪“角色。

       

      步骤 2 - 添加一个 Youtube 影片播放器小工具

      现在,让我们添加一个Youtube 影片播放器小工具。要让这个小工具覆盖整个舞台,我们会把它放在中间,并把宽度设置成480,长度设置成360。我们也会把它放置在前方,以便用户需要时可以暂停影片。影片播放器会被命名为”影片1“。

      关于第一个影片,这里有一个位于加蓬的伊温多国家公园的例子:

      youtube.com/
      watch?v=AKkwY2MVgT8

       
      要从这个页面得到这个影片的链接,你可以点击”分享“按钮,并点击”复制链接“。

      现在如果你点击运行旗帜,影片将会被添加到舞台,但是它不会开始播放:

       

       

       
       

      步骤 3 - 开始播放影片

      要开始影片,你可以选择使用这个编程积木发送”开始“指令给播放器。需要注意的是,你需要选择名为“影片1”的播放器。

       

       

      现在如果你点击运行旗帜,影片会被添加并播放:

       

       

       
       

      步骤 4 - 添加一个“下一步”按钮

      要允许用户切换到下一个影片,让我们添加一个按钮,这个按钮将会被放在舞台底部,展示“下一部”的字样,我们可以把按钮命名为“按钮1”。

       

       

      现在当我们运行程序时,我们会在舞台底端得到一个按钮:

       

       

       

      步骤 5 - 切换到下一部影片

      当用户点击“下一部”按钮时,我们需要播放另一部影片。要切换到另一部影片,我们可以“设置数值”,把影片播放器改成另外一个链接:

       

       

      这个影片是关于冰岛的瓦特纳冰川国家公园。

      现在,当你点击按钮,影片会被切换并直接开始播放:

       
       

      步骤 6 - 使用变量“id"

      假设我们要切换到第三个影片。当我们点击”下一部“时,我们不知道需要播放第二部还是第三部影片。因此,我们需要记录目前正在播放的影片是哪一部。

      要做到记录,我们可以添加一个新的变量并命名为”id",在一开始的时候把它设置成1,以便我们知道在这个时候被播放的影片是影片1。

       

       

       
       

      步骤 7 - 如果影片1正在播放,播放影片2

      现在我们可以根据现有影片id来决定接下来要播放的影片是哪一部。如果"id“为1,那我们应该切换到影片2.我们也应该把”id“的数值更新成2,以便我们影片2正在被播放:

       

       

       

      步骤 8 - 如果影片2正在播放,播放影片3

      当用户点击”下一部“按钮,如果我们已经播放影片2,那么我们应该切换到第三部影片,并把”id"更新成3。

       

       

      第三部影片是关于哥伦比亚的奇里比克特国家公园:

       


       

      现在如果我们运行程序,我们会发现一个问题:影片会在我们点击“下一部”时直接从影片1切换到影片3。

       

       

      你可以找出我们程序中的错误吗?

       

      步骤 9 - 打印到控制台面板

      要找出发生什么事情,我们可以在我们的程序中添加2个"打印"编程积木以记录”id“的数值:

       
      当我们再次运行程序时,当我们点击“下一步”一次时,我们会发现有两行被打印:

       
      所以我们会发现,当我们点击“下一部“时,我们把"ID"设置成2。之后,第二个”否则“的条件”ID=2“也成立了,所以我们运行的编程积木会直接播放第三个影片。

       
       

      步骤 10 - 修复程序问题

      要修复这个问题,我们应该把”如果“编程积木替代成”如果-否则“编程积木,就像这样:

      这是程序变得正确之后的最终演示。需要注意的是,在全屏模式,影片会有更高的画质。

       
       

      下一步

      这里有一些你可以使用自己的创意点子来延展这个程序的点子:

      • ”上一部“按钮: 你可以添加另外一个”上一部“按钮来允许用户去回到上一部影片。

      • 其他影片: 挑选一些影片来创建你自己的播放清单。这里是所有世界文化遗产的清单: https://en.wikipedia.org/wiki/List_of_World_Heritage_Sites_by_year_of_inscription

      • 叠加说明: 你可以放置一个"标签" 小工具在影片的上方来添加关于影片的更多说明。

      1 Reply Last reply Reply Quote 0
      • Moved from Draft by  C creaticodeteacher1-mail 
      • First post
        Last post