Day21 ( 高级 ) 戳泡泡 ( 视讯侦测 )

戳泡泡 ( 视讯侦测 )

教学原文参考:戳泡泡 ( 视讯侦测 )

这篇文章会介绍,如何在 Scratch 3 里使用扩充功能的视讯侦测、绘制角色、更换造型、分身、重复无限次...等积木,实作透过摄影镜头,用视讯侦测的方式戳泡泡的小游戏。

相关文章参考:视讯侦测建立分身绘制造型&背景重复

角色设定

在角色编辑区,删除猫咪角色,使用绘画工具绘制两个新角色 ( 参考:造型与绘图 )。

Scratch 3 教学 - 戳泡泡 ( 视讯侦测 )

使用「笔刷」绘制泡泡的角色。

Scratch 3 教学 - 戳泡泡 ( 视讯侦测 )

泡泡角色共有四种造型,如下图所表现的,分别代表泡泡从完整到破掉

Scratch 3 教学 - 戳泡泡 ( 视讯侦测 )

积木程序原理

一开始先将泡泡定位到舞台下方 ( 水平位置随机出现 ),使用重复无限次积木,让泡泡慢慢往上飘,再使用「如果...那麽」的逻辑判断,判断角色的视讯动作大於 20 的时候 ( 透过视讯碰到泡泡 ),就让泡泡重新定位到下方。

视讯侦测教学可以参考:视讯侦测

Scratch 3 教学 - 戳泡泡 ( 视讯侦测 )

Scratch 3 教学 - 戳泡泡 ( 视讯侦测 )

加入泡泡破掉的音效,还有透过「等待 0.05 秒」积木做出的泡泡破掉动画 ( 造型每隔 0.05 秒切换一次 ),就能让摸到泡泡时,出现泡泡破掉的效果。

Scratch 3 教学 - 戳泡泡 ( 视讯侦测 )

Scratch 3 教学 - 戳泡泡 ( 视讯侦测 )

了解戳泡泡的原理之後,再来就将程序改成「分身」的形式,一开始先隐藏角色本尊,间隔 0.2~0.4 秒产生一个分身,并且设定每个分身的大小都不太相同,如此就能在舞台中不断产生泡泡往上飘。

Scratch 3 教学 - 戳泡泡 ( 视讯侦测 )

完成效果

完成後,点击绿旗,就可以开始透过摄影镜头戳泡泡。

Scratch 3 教学 - 戳泡泡 ( 视讯侦测 )

范例解答

范例解答:戳泡泡 ( 视讯侦测 )

关於我

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


<<:  [Day5] 和应用程序有关的攻击-例外处理,重播攻击,请求伪造

>>:  Day 7 - [Zenbo开发系列] 04-DDE简介

[Day30] 初探视觉化

今天是最後一天,终於… 我选择最後能初探一下的,就是资料视觉化啦。 Kibana Visualize...

Day 20 TensorFlowJS

ml5 读取模型还是用 tensorflowjs 的函式,那我不如直接用 tensorflowjs ...

TailwindCSS 从零开始 - CSS 传统撰写方式与功能优先的差异

Utility First 功能优先 官方文件给的定义 从组合过的原生功能,来建立起复杂的元件。 ...

DAY14-React Overview

前言: 在经过两个礼拜的内容後,相信大家对写网页也有一定的基础了吧!这两个礼拜我们介绍很了多很好用...