區塊的形狀是由轉譯器根據區塊定義 (即欄位和連線) 所決定。
內建轉譯器
Blockly 提供三個內建轉譯器,每個轉譯器都能為程式帶來些微不同的感受。
轉譯器 | 說明 | 映像檔 |
---|---|---|
雷索斯 | 建議的轉譯器。Geras 轉譯器更為新穎,具有更多間距和實心邊框。 | |
Geras | 預設的轉譯器。這是 Blockly 建構的原始轉譯器。 | |
Zelos | 以 Scratch-3.0 區塊設計為基礎的轉譯器。 |
如要使用其中一個轉譯器,請將名稱傳遞至插入選項:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
自訂轉譯器
如果想要為程式提供與任何內建轉譯器不同的外觀和風格,您也可以建立自訂轉譯器。如要開始使用 Blockly 團隊,建議你:
- 詳閱轉譯器概念文件,瞭解轉譯器的所有元件如何搭配運作。
- 完成自訂轉譯器程式碼研究室,實際練習使用自訂轉譯功能。
- 將偵錯轉譯器新增至專案。
- 自訂轉譯器。