CB1 Blockly 簡介

7/25, 2016 T2T Inc.
English

這是什麼?

CB1 Blockly 是一個基於 Google Blockly 設計出來的視覺編程工具。它可以與 內建 CB1電路的產品互動，例如 智高的 Robotic Workshop。

這個軟件是設計來讓任何有興趣的人來嘗試對實體物件進行編程。智高的 Robotic Workshop包含了許多馬達與感測器模組，玩家可以隨意組合出任意型態的機器，然後用 CB1 Blockly 編寫程式加以控制，讓它自動運行或針對感測器反應觸發動作。

怎麼用?

CB1 Blockly 的畫面示意圖如下:

以下就各部分功能簡述

Panel area 面板區

在畫面左手邊有一堆按鈕與儀表，它們是用來指揮與呈現 CB1 狀態。從上到下分別為

• 連線開關 (Connect switch) - 控制與 CB1控制盒的連線與斷線.
• 程式功能區 (Program buttons) - 編譯 (Parse), 步進 (Step), 執行(Run), 停止(Stop) 與 重置(Reset). 當你在拼圖區放置一些程式拼圖後，就可以利用這些按鈕將拼圖轉成程式碼並執行它們。編譯按鈕會把拼圖轉成程式碼並顯示與程式碼區；步進按鈕可以一步步執行程式並讓你觀察每一步的結果；執行則是讓你從頭到尾不間斷執行，而停止可以把你從無窮迴圈中解救出來；重置按鈕則是幫你將一起歸零，從頭開始。
• 儀表區 (Gauges) 有六個指針 用來告訴你目前各個感測器與馬達模組的狀態。
• 儲存與加載 按鈕 (Save and Load) 可以幫你存下已撰寫的程式，下面的 檔案槽 則可讓你選擇不同的區域加以存取。

Blocks area 拼圖區

這裡是讓大家發揮創意的舞台。左手邊的工具箱 (tool-box) 有許多拼圖塊可供選擇，只要拖拉到中間區域，就可以連結行程 程式。某些拼圖可以擺在某類拼圖下方代表按步驟依序執行，而某類則需從右邊連結代表參數輸入。試看看吧。

如果桌上擺滿了亂糟糟的拼圖塊也別擔心。只要拖到右下方的垃圾桶就可以清除。 右邊還有放大與縮小功能，而如果你在PC環境，也可以用滑鼠滾輪來縮放。

Code area 程式碼區

當你按下 編譯 (Parse) 按鈕後，程式碼區會跑出 javascript 程式碼。別被這些程式碼嚇到了，它們僅供參考。剛開始學習編程只需要在拼圖區玩耍並驗證馬達與感測器動作。程式碼可以改天再來研究。