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

2.1   一盞小燈初交互

果果：按鍵按下和松開就能控制燈的亮滅，那在我們的互動媒體中如何實現舞臺上的小燈和板載小燈的交互呢？

可可：不要著急，跟著我一步一步的操作，就可以輕松完成第一個交互任務！

一、創設情境

想一想

學一學

項目所用到的積木

		當綠旗按鈕被單擊執行下面的內容
		當按下“   ”時，執行下面的程序
		切換到“小燈-不亮”或“小燈-點亮”的造型
		重復執行接口內的腳本
		等待1秒
		設置13管腳的數字輸出為“高”或者“低”

二、小試身手——點亮第一盞小燈

（一）硬件連接

模塊清單

實物圖
模塊名稱	板載13號LED燈
模塊數量	1

連一連

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

如下圖：

（二）互動設計

1．創建背景和角色

（1）使用舞臺原有白色背景。

（2）繪制“小燈”角色

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

② 繪制“小燈-點亮”造型，并填充顏色。

2．搭建腳本

搭建“小燈”角色腳本

角色	代碼	功能描述
小燈		用鍵盤上的上箭頭和下箭頭分別控制板載13號LED燈，當按下上箭頭，LED燈亮起，舞臺上小燈換成點亮造型；當按下下箭頭。13號LED燈熄滅，舞臺小燈換成不亮造型。

（3）互動展示

放置二維碼，掃碼觀看

三、互動升級——板載LED小燈閃起來

（一）硬件連接

連一連

硬件連接方式同“點亮第一盞小燈”。

想一想

在“點亮第一盞小燈”中，只是將燈點亮，如何實現外接LED燈每隔1s閃爍呢？

（二）互動設計

1.創建背景和角色

   背景和角色與“點亮第一盞小燈”相同。

2.搭建腳本

搭建“臺燈”角色腳本

角色	代碼	功能描述
小燈		當綠旗被點擊時，板載小燈每隔1s閃爍。 舞臺上小燈每隔1s分別顯示亮與不亮的造型。

（3）互動展示

放置二維碼，掃碼觀看

四、頭腦風暴