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

作者:Ted Lee

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

任務

各位看官,水果都端上桌了,請替它們上上色吧~。(使用8787的辨色功能來替各種水果上新顏色)

材料

功能設計

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

2.當滑鼠碰到水果圖案[3]後開始吸色:

也就是將事先備好有顏色的物件靠近8787讓它認 出來以便改變水果「服裝(costume)」[4]。

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

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

造形設計

還記得童年畫過的著色本嗎?請連到Super Coloring網站,回味一下小時候拿著著色本塗色的那種小小滿足與快樂。

本章的美工素材(assets)要設計三個水果的六種顏色,我們可以使用Pixetto Scratch內建的繪圖工具設計,也可以用其他電腦繪圖程式(例如:Adobe Photoshop、Illustrator…)製作好再匯入。

所有素材清單如下圖所示[5]。

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

教學活動設計

  1. 將本章範例修改成闖關遊戲,例如:第一關是香蕉著色、第二關是葡萄著色、第三關是蘋果著色,而且每關有預設的答案。玩家必需挑對該水果對應的顏色才能晉級。
  2. 將1的水果著色順序改為亂數(random)點選水果出現的順序。
  3. 將本章範例加入限時完成的條件。
  4. 加入地圖(map)的概念,例如:第一張是水果著色地圖、第二張是花類地圖⋯⋯。

參考資料

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

(作者為本刊專欄作家,本文同步表於作者部落格,原文連結;責任編輯:謝涵如)

Ted Lee

Author: Ted Lee

從工程師轉任中學教師,又為了捍衛教育理念,投身成為 STEAM 教育工作者,自稱「無可救藥的人文教育理想主義者」的李俊德(Ted Lee)。

Share This Post On

發表

跳至工具列