轉譯器

區塊形狀是由轉譯器決定的 block 的定義 (也就是其欄位和連線)。

內建轉譯器

Blockly 提供三個內建轉譯器 會帶給您不同的體驗

轉譯器 說明 圖片
薩索斯 建議的轉譯器。這讓 開啟 GRU 轉譯器 平均間距和實線框線。 塔拉索
Geras 預設轉譯器。是原創的 並使用 Blockly 建構的轉譯器 格拉斯
Zelos 以 Scratch-3.0 區塊設計為基礎的轉譯器。 Zelos

如要使用這類轉譯器,請將名稱傳遞至插入選項:

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

自訂轉譯器

如果您想為程式提供與 內建轉譯器,您也可以建立自訂轉譯器如要開始使用 Blockly 團隊推薦:

  1. 詳閱轉譯器概念文件瞭解詳情 所有轉譯器元件的配合度
  2. 完成自訂轉譯器程式碼研究室, 您將實際練習自訂顯示功能
  3. 在專案中新增偵錯轉譯器
  4. 自訂轉譯器。