01 法蘭斯積木測試

(2021/04/09)

昨天去學法蘭斯針對Web:Bit開發板在BlocklyDuino環境下所推出的積木，如此一來，Web:Bit開發板就擁有像micro:bit開發板一樣可以將程式直接寫入板子來離線操作(這也是之前Web:Bit開發板最常被垢病的地方)，而且本身也擁有ESP32能夠直接上網的優勢，如此一來，Web:Bit開發板就完全碾壓micro:bit開發板了，這也就是為什麼法蘭斯老師說他不玩micro:bit的原因。今天把整個主板的基本功能積木測試了一次，真的很簡單，有Web:Bit板子的人可以來玩玩，測試內容如下，供參

一、BlocklyDuino環境建置

1. 吉哥積木安裝教學

   • https://sites.google.com/jes.mlc.edu.tw/ljj/linkit7697/如何安裝吉哥自製積木

2. 下載法蘭斯擴充積木(對應吉哥積木20210303版)，覆蓋Blocklyduino對應資料夾。(內建SimpleDHT與esp32-lcd函式庫)

   • https://drive.google.com/file/d/1EA0FDj1G2j3AB-c4TfMPfEz6U0GqPQal/view?usp=sharing

3. 安裝Webbit(ESP32) USB驅動程式(CH341)，或安裝Webbit教育版

   • https://drive.google.com/file/d/16t9tiIHrIzxPQksmSHCYUAjHIdCFqxwV/view?usp=sharing

4. Blocklyduino基礎操作

   • https://docs.labs.mediatek.com/linkit-7697-blocklyduino/blocklyduino-12879598.html

二、法蘭斯積木基本功能介紹

• 法蘭斯積木，一共有3類：常用功能、網頁元素、Webbit(這次著重在此)

二、Web:Bit屏幕顯示介紹

• 顯示自繪圖案

  • 積木介紹

• • 畫一紅色愛心圖

• • • 亮度0.1還是很亮，建議用0.05就可以了

    • 反轉圖形顏色

• • • 畫一朵花

• 顯示內建圖案

  • 積木介紹

• • • 心臟噗通跳

• 顯示連續圖案

  • • 波浪

• • • • 但最後圖案結束後好像無法無縫接軌到第1個圖案

• • • 設定跑馬燈的跑動方向

• 利用【燈號】控制是否亮燈

  • 依燈號點亮燈

• • • 燈號排列如下：(與Web:Bit官方不同)

• • • 完成一棋盤圖

• 利用【XY座標】控制是否亮燈

  • XY座標圖

• • 依由左而右、再由上而下點亮燈

• • 依由上而下、再由左而右點亮燈

• • 點亮X字型圖

  • 點亮Y字型圖

• 利用【跑馬燈】顯示文字、數字

  • 顯示文字

• • • 顯示數字，先要把要顯示的數字轉為文字

• 其他功能

  • 取得色碼值

• • • 色碼反轉

• • • 圖形旋轉及翻轉

三、Web:Bit按鍵的使用

• 取得按鍵按下的數位值(從序列埠監監看視窗來觀看)

• 取得按鍵按下的數位值(從Web:Bit屏幕來觀看)

  • 最簡單的方法：

• • • 發現：當按鍵被按下時，其值為0

• • 方法二：

• 剪刀石頭布遊戲

  • 按A鍵出現剪刀圖案、按B鍵出現石頭圖案、按A+B鍵出現布圖案

• • • 也可寫這樣

四、Web:Bit內建感應器的使用

• 光敏電阻的使用

  • 取得光敏電阻的類比值

• • • 發現：最亮的類比值為4095、最暗時為0

    • 也可以利用跑馬燈來顯示光敏電阻的類比值

• • 天黑請開燈

    • 假設光敏電阻的類比值小於500時為天黑了

• 溫度的使用

  • 在屏幕顯示目前溫度

• • 使用內建音階積木，由於音階的積木量不足，所以降了8度 (修蘭斯已修正更多積木的選擇)

• • • 使用頻率積木

• • • 使用更快速、更精簡的方法

• 九軸傳感器的使用

  • 顯示九軸(三軸的加速度計、三軸的陀螺儀、三軸的磁力計)的值

• • `

    • 這些數據的使用比較複雜，待下次再分解....

    • Web:Bit在MPU9250的介紹，很清楚 https://webbit.webduino.io/tutorials/doc/zh-tw/education/board/mpu9250.html

      • 加速度計主要偵測 x、y 和 z 三軸直線移動時「瞬間」加速度變化

      • 陀螺儀則是偵測旋轉時「瞬間」的角度變化

      • 姿態角度 ( roll、pitch、yaw )主要透過加速度計和陀螺儀的數值

      • 磁力計可以偵測所在磁場的變化 ( 主要是針對地球磁場 )

  • 如何表示【向前翻轉】、【向後翻轉】、【向左翻轉】、【向右翻轉】

    • 觀察加速度的三軸的值

      • 當板子平放時：x、y、z的值約為0、0、1

      • 顯示加速度Y的值

        • 向前翻轉到垂直時：x、y、z的值約為0、1、0，所以當y的值大於0.5時，代表向前翻轉

        • 向後翻轉到垂直時：x、y、z的值約為0、-1、0，所以當y的值小於-0.5時，代表向後翻轉