2.1小猫(māo)互动(dòng)显身手
果果:互动媒体究竟能给(gěi)我们带(dài)来怎样的奇妙世界呢?
可可:我们连接LED小灯和按键让小猫(māo)互动显身手吧!
一(yī)、创设情境
想一想(xiǎng)

任(rèn)务发(fā)布 | 所需角色 | 舞台背(bèi)景 | 设(shè)计思路 |
每次按下按键,碰到边缘(yuán)后,LED灯亮起1秒,小猫移动十步,碰到边缘左右(yòu)翻转并发(fā)出“Meow”声音。 | 小猫 | 无 | 第1步:连接硬件(jiàn) 第2步:搭建(jiàn)“小(xiǎo)猫”角色(sè)脚本 第3步:互动测试 |
学一学
项(xiàng)目所(suǒ)用到的积(jī)木
|
|
角色移动10步 |
| | 碰到边缘就反弹 |
|
| 将角(jiǎo)色旋(xuán)转模式设为左右旋转(zhuǎn) |
| | 如果条件为真,那么执行接口内的程(chéng)序 |
|
| 8号管脚(jiǎo)的(de)按钮开关是否按下。按下为低电(diàn)平,松开为(wéi)高电(diàn)平(píng)。 |
| | 侦(zhēn)测是否(fǒu)碰到舞台边缘或碰到鼠(shǔ)标(biāo)指针 |
| | 播放声音“Meow” |
二、小试身手(shǒu)——小猫互动显身(shēn)手
(一)硬件(jiàn)连接
模块清(qīng)单(dān)
连一连
将绿色按键与主控板(bǎn)连接
主控(kòng)板 | 按钮模块 | 功能(néng) |
5V(V) | V | 电源正极(jí) |
Gnd(G) | G | 电源(yuán)负极(jí) |
D8(S) | S | 数字接(jiē)口(kǒu) |
如(rú)下图:

(二(èr))互动(dòng)设计
1、背景和角色
使用Scraino默认的小猫角色,无需其它角色和背景。
2、搭建脚本
(1)搭建“小猫”角色脚(jiǎo)本
角色 | 代码(mǎ) | 功(gōng)能描述 |
小猫 | | 当(dāng)绿旗被点击时,如(rú)果按下按键(jiàn),小猫移动10步;小猫在舞台内来回走动,小猫碰到边缘翻转并广播(bō)“哎(āi)呀”声音。 |
3、互动展(zhǎn)示
放置(zhì)二维码,扫(sǎo)码观看
三、互(hù)动(dòng)升级(jí)——小猫互动游戏
(一)硬(yìng)件连接
连一(yī)连
将绿色按(àn)键、红色LED灯(dēng)主控板连接
主控板 | 绿色按键 | 红色LED灯 | 功能 |
5V(V) | V | V | 电源正(zhèng)极 |
Gnd(G) | G | G | 电(diàn)源负极 |
D8(S) | S |
| 数(shù)字(zì)接口 |
D10(S) |
| S | 数字接口(kǒu) |
如下图:

想一(yī)想
按钮模块每次按(àn)下按键小猫移动十步,碰到边缘后,如(rú)何让LED灯亮起1秒?小猫在界(jiè)面内来回走动,碰到边缘如何让小猫左右翻转并(bìng)发出声音“Meow”?
(二(èr))互动设计
1、创建背景和角色
背景和角色设计与“小猫(māo)互动显(xiǎn)身手”相同。
2、搭建脚本
角色 | 代码 | 功(gōng)能描述 |
小猫 | | 当(dāng)绿旗被点击(jī)时,如果按(àn)下(xià)按键小猫移动十步,碰到边缘后,LED灯亮起(qǐ)1秒;如果小猫碰到舞台边(biān)缘,小猫左右翻转并发出声音“Meow”。 |
3、互动展示(shì)
放置二(èr)维码(mǎ),扫(sǎo)码观看(kàn)
四(sì)、头脑风暴
方案 | 硬件模块 | 方案详情 |
1 | 红色LED灯 黄色(sè)LED灯 绿色LED灯 | 小猫触(chù)碰不同颜色的路障(zhàng),分别(bié)亮(liàng)起红黄绿(lǜ)颜(yán)色的led灯(dēng)。 |
2 | 红色按键 绿(lǜ)色按键 红(hóng)色LED灯 | 当按(àn)下红色按键,小猫在舞台(tái)上向左走(zǒu)。 当(dāng)按下绿色按键,小猫在舞台(tái)上(shàng)向右走(zǒu)。 碰(pèng)到边缘后,红色LED灯亮起1秒 |
3 | …… | …… |