使用VIA Pixetto視覺感測器做出小小變色龍

作者/圖片: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

(本文經作者同意轉載自泰布布部落格原文連結;責任編輯:王姵文)

Ted Lee

Author: Ted Lee

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

Share This Post On

Submit a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *