2020年1月18日 星期六

[AI] 小小變色龍:使用VIA Pixetto視覺感測器之辨色(color detection)功能

小小變色龍:

使用VIA Pixetto視覺感測器之辨色(color detection)功能[1]

FB2http://gg.gg/TedLeeMicrobitFB/
URL2http://gg.gg/TedLeeMicrobit/

Line:ted2016.kpvs
Email:Lct4246@gmail.com
FB1http://gg.gg/TedLeeFB/
Bloghttp://gg.gg/TedLeeBlog/
URL1http://gg.gg/TedLeeURL/

Jan. 18, 2020
88x31.png[2]

難易度

★★☆☆☆

主題


模仿生物依據週遭環境來改變體色保護色機制。

    任務

    變色龍(Chameleon)是位擅於變裝的高手,一起來讓牠十八變吧~。
    利用8787的辨色功能讓小變色龍轉眼珠並變色。

    材料

    編號 品名 單位 數量
    1 VTS-8787視覺感測器 1
    2 micro USB傳輸線 1
    • 測試用紅、藍外殼原子筆(或其他便於顏色識別物件)各一。 
    • 技術咨詢(手機加Line:https://reurl.cc/Vadax6)。

    以Pixetto Scratch做為設計的思考面向,我們以要設計舞台(stage)背景(backdrop)角色(sprites)的造形,並以積木程式的功能控制劇本(script)演出(perform)。各如以下兩節分述之。成品展示影片連結為 https://reurl.cc/VXNRWA

    造形設計

    1. 設計一隻小變色龍https://reurl.cc/alW5nl),以及牠週遭的景緻。
    2. 將準備好舞台與角色的素材(assests)檔匯入Pixetto Scratch中。
    參考素材如下:
    1. 舞台的背景:小樹枝
    2. 角色:變色龍和眼珠子

    功能設計

    1. 下載並安裝Pixetto Studiohttps://reurl.cc/312Nej)。
    2. 使用Pixetto Utility將8787的組態(Configuration)設定為Color Detection,辨色功能
    3.  開啟Pixetto Link,pixlink。(這個步驟很重要!我們以下的Pixetto Scratch程式都要靠這隻中界程式(middle ware)來存取8787的。它在Pixetto Scratch程式的執行過程都必需「居中」協調。切記要一直開著讓它隨時在背景中待命。
    4. 在Pixetto線上版的Pixetto Scratch(https://mls.pixetto.ai/scratch/) 中,先加妥8787的擴充積木(extension blocks)
    5. 在Pixetto Scratch網頁上,接下連結按鈕
      來設定8787和電腦透過USB傳輸線的連接 
    6. 使用Pixetto擴充積木的第一塊來援用8787的辨色功能


    現在,前置作業已就緒,我們可以開始設計要小小變色龍要如何變色了。讀者可参考以下的範例程式碼做修攻:
    1. 變色龍變色控制:讀者可參考顏色color亮度brightness特效的Wiki說明文件(https://reurl.cc/RdZdVn)來調整它們的數值,並觀察它們呈現出來的效果如何。參考程式片斷如下:。 
    2. 眼睛轉動控制:使用辨位積木可以取得辨識物所在的八個方位資訊。參考程式片斷如下:

    全部完整的參考範例程式可在此(https://reurl.cc/Ldzk37)下載。
    請特別注意:Pixetto Utility選定好顏色偵測的功能後要先関閉,以免佔住序列埠。接著開啟Pixetto Link中介程式。最後,在Pixetto Scratch(雲平台上的Blocks)上連接8787後才能順利用Pixetto Scratch存取到8787的辨識結果。

      教學活動設計

      1. 變色龍為什麼會變色https://reurl.cc/mdmqkM)?牠能變幾色?
      2. 修改本單元的設置來設計一個介紹色彩學(Chromatics)的對比色、互補色…等概念的小工具。
      3. 變色小夜燈 動手做一個小夜燈,並使用RGB LED當做燈泡。修改上述的範例程式使得LED會根據色卡自動調光。

      参考資料
      1. 本文系改編自VIA官網 https://reurl.cc/m992q1 。
      2. 六種授權條款

      1 則留言:

      Ted Lee 提到...

      展示影片網址更新:

      https://reurl.cc/pyDezZ