轉譯器

區塊的形狀是由轉譯器根據區塊定義 (即欄位和連線) 所決定。

內建轉譯器

Blockly 提供三個內建轉譯器,每個轉譯器都能為程式帶來些微不同的感受。

轉譯器 說明 映像檔
雷索斯 建議的轉譯器。Geras 轉譯器更為新穎,具有更多間距和實心邊框。 塔拉索
Geras 預設的轉譯器。這是 Blockly 建構的原始轉譯器。 格拉斯
Zelos 以 Scratch-3.0 區塊設計為基礎的轉譯器。 Zelos

如要使用其中一個轉譯器,請將名稱傳遞至插入選項:

Blockly.inject('blocklyDiv', {
  renderer: 'thrasos'
});

自訂轉譯器

如果想要為程式提供與任何內建轉譯器不同的外觀和風格,您也可以建立自訂轉譯器。如要開始使用 Blockly 團隊,建議你:

  1. 詳閱轉譯器概念文件,瞭解轉譯器的所有元件如何搭配運作。
  2. 完成自訂轉譯器程式碼研究室,實際練習使用自訂轉譯功能。
  3. 偵錯轉譯器新增至專案。
  4. 自訂轉譯器。