大 創(chuàng) 實(shí) 驗(yàn) 室

更多內(nèi)容請(qǐng)聯(lián)系我們

第二章 第1課 一盞小燈初交互

發(fā)表時(shí)間:2020-05-27 17:00來(lái)源:大創(chuàng)實(shí)驗(yàn)室網(wǎng)址:http://www.taozhuangwang.net


2.1   一盞小燈初交互

果果:按鍵按下和松開(kāi)就控制燈的亮滅,那在我們的互動(dòng)媒體中如何實(shí)現(xiàn)舞臺(tái)上的小燈和板載小燈的交互呢?

可可:不著急,跟著我一步一步的操作,就可以輕松完成第一個(gè)交互任務(wù)!

一、創(chuàng)設(shè)情境

想一想


任務(wù)發(fā)布
所需角色
舞臺(tái)背景
設(shè)計(jì)思路
板載13號(hào)小燈每隔1s閃爍。舞臺(tái)界面上小燈每隔1s分別顯示亮與不亮。
小燈
無(wú)
第1步:連接硬件
第2步:在舞臺(tái)界面繪制小燈角色并保存。
第3步:導(dǎo)入“小燈”角色。
第4步:搭建“小燈”角色腳本。
第5步:互動(dòng)測(cè)試



學(xué)一學(xué)


項(xiàng)目所用到的積木


當(dāng)綠旗按鈕被單擊執(zhí)行下面的內(nèi)容




當(dāng)按下“   ”時(shí),執(zhí)行下面的程序





切換到“小燈-不亮”或“小燈-點(diǎn)亮”的造型



重復(fù)執(zhí)行接口內(nèi)的腳本

等待1秒



設(shè)置13管腳的數(shù)字輸出為“高”或者“低”



二、小試身手——點(diǎn)亮第一盞小燈

(一)硬件連接

模塊清單


實(shí)物圖
模塊名稱
板載13號(hào)LED燈
模塊數(shù)量
1


連一連

將主控板與電腦連接,找一找D13號(hào)LED小燈的位置。

如下圖:

(二)互動(dòng)設(shè)計(jì)

1.創(chuàng)建背景和角色

(1)使用舞臺(tái)原有白色背景。

(2)繪制“小燈”角色

①首先繪制“小燈-不亮”造型

繪制小燈-點(diǎn)亮造型,并填充顏色

2.搭建腳本

搭建“小燈”角色腳本


角色
代碼
功能描述
小燈
用鍵盤上的上箭頭和下箭頭分別控制板載13號(hào)LED燈,當(dāng)按下上箭頭,LED燈亮起,舞臺(tái)上小燈換成點(diǎn)亮造型;當(dāng)按下下箭頭。13號(hào)LED燈熄滅,舞臺(tái)小燈換成不亮造型。



(3)互動(dòng)展示

放置二維碼,掃碼觀看

三、互動(dòng)升級(jí)——板載LED小燈閃起來(lái)

(一)硬件連接

連一連

硬件連接方式同“點(diǎn)亮第一盞小燈”。

想一想

在“點(diǎn)亮第一盞小燈”中,只是將燈點(diǎn)亮,如何實(shí)現(xiàn)外接LED燈每隔1s閃爍呢?

(二)互動(dòng)設(shè)計(jì)

1.創(chuàng)建背景和角色

   背景和角色與“點(diǎn)亮第一盞小燈”相同。

2.搭建腳本

搭建“臺(tái)燈”角色腳本


角色
代碼
功能描述
小燈
當(dāng)綠旗被點(diǎn)擊時(shí),板載小燈每隔1s閃爍。
舞臺(tái)上小燈每隔1s分別顯示亮與不亮的造型。


(3)互動(dòng)展示

放置二維碼,掃碼觀看

四、頭腦風(fēng)暴


方案
硬件模塊
方案詳情
1
板載LED小燈
重新設(shè)計(jì)一個(gè)背景、角色,做一個(gè)閃爍警燈的互動(dòng)效果。
2
板載LED小燈
繪制一艘輪船,使用LED小燈設(shè)計(jì)SOS求救信號(hào)燈的交互。
3
……
……




山東省濟(jì)南市歷下區(qū)舜華路750號(hào)大學(xué)科技園北區(qū)3號(hào)樓
服務(wù)熱線:13256445996                                  www.taozhuangwang.net