一起玩 Scratch 遊戲吧!適合大朋友小朋友的「口罩配戴辨識遊戲」

還記得上次製作口罩配戴辨識的教程嗎?在這次的教程中,我們會延伸展示極為基本的 Scratch 程式設計遊戲,讓你初步瞭解程式積木的邏輯,並製作「口罩配戴辨識遊戲」。程式積木是透過拖動指令「積木塊」學習程式設計的方法,它的詞彙比起傳統文字模式的程式設計來得簡單。

在開始編輯 Scratch 積木之前,我們要先讓威盛 Pixetto 分辨鏡頭前的人是否有戴口罩。請參考 「教你如何運用神經網路及物體偵測來製作口罩配戴辨識範例」教程,訓練模型並上傳至威盛 Pixetto 。

現在,我們要利用已經訓練好的口罩配戴辨識模型,結合 Scratch 程式積木創作一個變換圖片的小遊戲。

步驟:
步驟 1:開啟VIA AI learning kit
步驟 2:設計圖式與背景
步驟 3:使用 Scratch 進行程式設計
步驟 4:使用威盛 Pixetto 進行遊戲

步驟 1

請至機器學習加速器,點擊左方的程式積木,開啟程式積木的編輯平台。
(https://mls.pixetto.ai/scratch/)
點擊左下角「添加擴展」,並選擇「VIA AI learning kit」,這樣我們就可以在這個編輯平台上使用威盛 Pixetto 的功能了。

開啟VIA AI learning kit

步驟 2

現在,我們要為威盛 Pixetto 不同的偵測結果,在螢幕上顯示對應的人物,背
景,以及對話。

首先我們需要一個人物,並幫他設計一個戴口罩以及未戴口罩的外觀,分別取
名為「mask」以及「no_mask」。

接下來,設計一個代表通過的綠色背景,以及一個代表不合格的背景,分別取
名為「bg」以及「bg_1」。

步驟 3

現在,我們需要威盛 Pixetto 的起始積木,在「PIXETTO」項目中拉出「當偵測到()」,並選擇「神經網路」。此設定會讓威盛Pixetto偵測到神經網路的偵測目標時,執行其下的程式碼。

使用 Scratch 進行程式設計

在起始積木下,加入一個「如果()那麼()」積木,拉出「() = ()」並將「PIXETTO識別對象」和「PIXETTO()」放入。當偵測物件等於0時,代表偵測到戴口罩的人臉。這時候,為角色戴上口罩,說出「Good job!」,並將背景換成代表通過的綠色背景。

使用 Scratch 進行程式設計
使用 Scratch 進行程式設計

最後在底下加上另一個「如果()那麼()」積木,在偵測到未戴口罩的人臉時,將角色的口罩拿下,改成不合格的背景,並說出「請戴上口罩」。

使用 Scratch 進行程式設計

步驟 4

當完成以上步驟,就可以開始玩「口罩配戴辨識遊戲」了!現在,將威盛Pixetto對準人臉,在偵測到戴口罩或是未戴口罩的人時,在螢幕上就能顯示不同的畫面。歡迎邀請身邊的朋友一起玩!

下載sb3範例程式:

http://cdn.viaembedded.com/Pixetto/Demo/Mask+Wearing+Recognition+Game+with+Scratch.sb3

恭喜你完成了!

祝你玩得愉快,別忘了分享自己的創作至社群上並標註 #VIAPixetto!

你也可以關注威盛 Pixetto 粉絲專頁獲得更多第一手資訊!

分享貼文!

Share on linkedin
Share on twitter
Share on facebook

Leave a Reply