Day 15 ( 中级 ) 无限循环画中画

无限循环画中画

教学原文参考:无限循环画中画

这篇文章会介绍,如何在 Scratch 3 里使用角色造型的切换,搭配重复、键盘按下、变数、逻辑判断...等积木,实作一个可以透过键盘控制的「无限循环的画中画」效果。

寻找「无限循环」图片

参考 GIMP「无限循环照片」教学,可以自己做出一张无限循环的图片 ( 尺寸比例设定为 4:3 ),或可由下方连结,开启下载范例的无限循环图片。

Scratch 3 教学 - 无限循环画中画

角色设定

在角色编辑区,删除猫咪角色,使用「上传」功能,上传无限循环的图片 ( 参考:Scratch 角色设定 )。

Scratch 3 教学 - 无限循环画中画

上传後,点击「造型」页签,点击下方「转换成向量图」,将图片转成向量图。

Scratch 3 教学 - 无限循环画中画

复制造型,使用「选取」工具,将复制的造型「等比例变大一些,水平位置置中」。

Scratch 3 教学 - 无限循环画中画

重复「复制 + 变大 + 置中」,不断建立新的造型。

Scratch 3 教学 - 无限循环画中画

直到「图画中的图画,再度占满整个舞台画面」为止。

Scratch 3 教学 - 无限循环画中画

积木程序原理

新增一个变数 n,负责记录「播放到第几个造型」。

Scratch 3 教学 - 无限循环画中画

设定点击绿旗时,定位在舞台正中心,造型设定为第一个,变数 n 设定为 1。

Scratch 3 教学 - 无限循环画中画

设定按下键盘「向上」键时的动作:

  • 使用「重复...直到」积木,重复直到「向上键被按下不成立」( 放开向上键 )
  • 每次重复将 n 增加 1
  • 如果 n 超过 13,就将 n 设定为 1 ( 因为只有 13 个造型 )。
  • 每次重复将造型设定为 n 的编号。

Scratch 3 教学 - 无限循环画中画

设定按下键盘「向下」键时的动作:

  • 使用「重复...直到」积木,重复直到「向下键被按下不成立」( 放开向下键 )
  • 每次重复将 n 减少 1
  • 如果 n 小於 1,就将 n 设定为 13 ( 因为只有 13 个造型 )。
  • 每次重复将造型设定为 n 的编号。

Scratch 3 教学 - 无限循环画中画

最终结果

完成後,点击绿旗,按下键盘的上和下,就能控制无限循环的画中画。

Scratch 3 教学 - 无限循环画中画

范例解答

范例解答:无限循环画中画

关於我

大家好,我是 OXXO,是个即将迈入中年的斜杠青年,如果对我有点兴趣(笑,可以与我联系,一起来做点有玩又有创意的东西吧!


<<:  DNS 安全扩展 (DNSSEC)

>>:  Day 15 ( 中级 ) 循环霹雳灯

dos指令 远端连线本地硬碟

远端主机 连线本地端硬碟传送档案方式 连线远端主机後 net use net use X: \\ts...

台股大跌,印证「别人恐惧,我贪婪」的时刻来了

昨天,美国国会吵得沸沸扬扬,政府要不要关门,在总统紧急签属法案後,暂时结束这场闹剧,政府继续营业,不...

Pima Indians diabetes dataset 考古溯源 & model prediction

Machine learning常用到的一个diabetes 糖尿病资料集,Pima印第安人数据起源...

【Day6】 Introduction

基本语法 前一篇我们提到了输出要用cout,那如果我们今天想要输入进资料呢?这时候就要使用到cin啦...

Day 23 - SwiftUI开发实作2 (多爱女朋友测试APP、Alert用法、传递变数)

今天一样是实作,不过今天实作就比较稍微不一样,我们会先讲alert的用法,并且讲解如何在不同View...