作者／圖片：Ted Lee
大自然中生物為了求生，往往具有一身自我保護的本領，例如變色龍（Chameleon）就擁有保護色能力，能依據週遭環境來改變體色。這次筆者將用VIA Pixetto視覺感測器來做出一個小小變色龍，利用8787的辨色（color detection）功能讓小變色龍轉眼珠並變色。
一起來讓牠十八變吧！
1. 材料需求：
(1) VTS-8787智慧感測器1片
(2) micro USB傳輸線 1 條
(3) 測試用紅、藍外殼原子筆（或其他便於顏色識別物件）各一。
2. 作法簡介：
以Pixetto Scratch做為設計的思考面向，首先運用設計舞台（stage）的背景（backdrop）和角色（sprites）來進行造形設計；再以積木程式的功能控制劇本（script）來演出（perform）。作法簡介如下：
(1) 造形設計：
a. 設計一隻小變色龍（https://reurl.cc/alW5nl），以及牠週遭的景緻。
b. 將準備好舞台與角色的素材（assests）檔匯入Pixetto Scratch中。
參考素材包括：
a.舞台的背景：小樹枝。
b.角色：變色龍和眼珠子。
(2) 功能設計
a. 下載並安裝Pixetto Studio（https://reurl.cc/312Nej）。
b. 使用Pixetto Utility 將8787的組態（Configuration）設定為Color Detection，即辨色功能。
c. 開啟Pixetto Link，pixlink 。
這個步驟很重要！我們以下的Pixetto Scratch程式都要靠這支中介程式（middleware）來存取8787的。它在Pixetto Scratch程式的執行過程都必需「居中」協調。切記要一直開著讓它隨時在背景中待命。
d. 在Pixetto線上版的Pixetto Scratch（https://mls.pixetto.ai/scratch/） 中，先加妥 8787的擴充積木（extension blocks） 。
e. 在Pixetto Scratch網頁上，接下連結按鈕，來設定8787和電腦透過USB傳輸線的連接 。
f. 使用Pixetto擴充積木的第一塊來援用8787的辨色功能 。
(3) 修改範例程式
現在，前置作業已就緒，我們可以開始設計要小小變色龍要如何變色了。讀者可参考以下的範例程式碼做修改：
a. 變色龍變色控制：讀者可參考顏色color及亮度brightness特效的Wiki說明文件（https://reurl.cc/RdZdVn）來調整它們的數值，並觀察它們呈現出來的效果如何。參考程式片段如下：
b. 眼睛轉動控制：使用辨位積木。
可以取得辨識物所在的八個方位資訊。參考程式片段如下：
全部完整的參考範例程式可在此（https://reurl.cc/L1k7VK）下載，成品的展示影片連結為 https://reurl.cc/ObyXQr
成品的展示影片（點擊連結）
教學活動設計
1. 變色龍為什麼會變色（https://reurl.cc/mdmqkM）？牠能變幾色？ 2. 修改本單元的設置來設計一個介紹色彩學（Chromatics）的對比色、互補色…等概念的小工具。 3. 變色小夜燈 動手做一個小夜燈，並使用RGB LED當做燈泡。修改上述的範例程式使得LED會根據色卡自動調光。
* 技術咨詢（手機加Line：https://reurl.cc/Vadax6）
（本文經作者同意轉載自泰布布部落格、原文連結；責任編輯：王姵文）
- 用GenAI生成連連看樣板 - 2025/05/15
- 細談「春仔產生器」的專案拆解 - 2025/04/17
- 用生成式AI打造「春仔」產生器 - 2025/03/12
訂閱MakerPRO知識充電報
與40000位開發者一同掌握科技創新的技術資訊！
2020/08/16
展示影片網址更新：
https://reurl.cc/pyDezZ