著色本：使用VIA Pixetto視覺感測器之顏色偵測功能

著色本：

使用VIA Pixetto視覺感測器之顏色偵測功能[1]

Ted Lee的土饅頭（To Mentor）工坊

FB2：http://gg.gg/TedLeeMicrobitFB/

URL2：http://gg.gg/TedLeeMicrobit/

Line：ted2016.kpvs
Email：Lct4246@gmail.com
FB1：http://gg.gg/TedLeeFB/

Blog：http://gg.gg/TedLeeBlog/
URL1：http://gg.gg/TedLeeURL/

Aug. 18, 2020

[2]

難易度★★★☆☆。

主題：著色本（Coloring Book）

小P最近工作不順，常感覺壓力很大。有一天，他看到女兒小V正拿起著色本邊哼小曲邊著色，一派輕鬆無憂的樣子。剛購入8787的你，是否能也能用上它強大的AI功能來製作一本電子版的「解憂」著色本呢？。

任務

各位看官，水果都端上桌了，請替它們上上色吧～。

（使用8787的辨色功能來替各種水果上新顏色）

材料

項目	品名	單位	數量
1	VTS-8787視覺感測器	片	1
2	micro USB傳輸線	條	1

l   請備妥測試用紅、黃、綠、藍、紫物件（色筆、彩球、色紙、…）若干。

 

功能設計

1.         按下水果圖案（）時清除它的顏色。

2.         當滑鼠碰到水果圖案（）[3]後開始吸色：也就是將事先備好有顏色的物件靠近8787讓它認 出來以便改變水果「服裝（costume）」

[4]。

 

三種水果的積木控制程式如圖 1所示。完整的參考範例程式可由 https://reurl.cc/k0d3kr 下載。

 

圖 1：水果控制的完整積木程式。

 

造形設計

還記得童年畫過的著色本（https://reurl.cc/n0z722）嗎？請連到Super Coloring網站（https://reurl.cc/MdvRgX）回味一下小時候拿著著色本塗色的那種小小滿足與快樂。

本章的美工素材（assets）要設計三個水果的六種顏色，我們可以使用Pixetto Scratch內建的繪圖工具設計，也可以用其他電腦繪圖程式（例如：Adobe Photoshop、Illustrator…）製作好再匯入。所有素材清單如所示[5]。

 

圖 2：Pixetto Scratch內建的繪圖工具介面。

 

教學活動設計

1. 將本章範例修改成闖關遊戲，例如：第一關是香蕉著色、第二關是葡萄著色、第三關是蘋果著色，而且每關有預設的答案。玩家必需挑對該水果對應的顏色才能晉級。

2. 將1的水果著色順序改為亂數（random）點選水果出現的順序。

3. 將本章範例加入限時完成的條件。

4.加入地圖（map）的概念，例如：第一張是水果著色地圖、第二張是花類地圖…。

---

参考資料：

1. 本文系改編自VIA官網 https://reurl.cc/D66796 。
2. 六種授權條款。
3. 因為一個人要操作滑鼠，又要讓8787替水果圖案上色。建議先把滑鼠放置在水果圖案內部後再進行辨色會較順暢一些。
4. 下拉式選單中White、Red、Yellow、Green、Blue、Purple分別圖 2的水果素材檔名。

5. 三種水果的六個顏色皆以方式各自存檔。