區塊形狀是由轉譯器決定的 block 的定義 (也就是其欄位和連線)。
內建轉譯器
Blockly 提供三個內建轉譯器 會帶給您不同的體驗
轉譯器 | 說明 | 圖片 |
---|---|---|
薩索斯 | 建議的轉譯器。這讓 開啟 GRU 轉譯器 平均間距和實線框線。 | |
Geras | 預設轉譯器。是原創的 並使用 Blockly 建構的轉譯器 | |
Zelos | 以 Scratch-3.0 區塊設計為基礎的轉譯器。 |
如要使用這類轉譯器,請將名稱傳遞至插入選項:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
自訂轉譯器
如果您想為程式提供與 內建轉譯器,您也可以建立自訂轉譯器如要開始使用 Blockly 團隊推薦:
- 詳閱轉譯器概念文件瞭解詳情 所有轉譯器元件的配合度
- 完成自訂轉譯器程式碼研究室, 您將實際練習自訂顯示功能
- 在專案中新增偵錯轉譯器。
- 自訂轉譯器。