Kształt bryły jest określany przez mechanizm renderowania na podstawie definicji bloku (czyli jego pól i połączeń).
Wbudowane mechanizmy renderowania
Blockly ma trzy wbudowane mechanizmy renderowania, z których każdy zapewnia i wrażenia użytkownika.
| Mechanizm renderowania | Opis | Obraz |
|---|---|---|
| Thrasos | Zalecany mechanizm renderowania. Zapewnia nową wersję mechanizmu renderowania GERAS. równe odstępy i pełne krawędzie. | 
|
| Geras | Domyślny mechanizm renderowania. To jest oryginał z wykorzystaniem mechanizmu renderowania Blockly. | 
|
| Zelos | Mechanizm renderowania oparty na projekcie bloku Scratch-3.0. |  |
Aby użyć jednego z tych mechanizmów renderowania, przekaż nazwę do opcji wstrzykiwania:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Niestandardowe mechanizmy renderowania
Jeśli chcesz, aby Twój program miał inny wygląd i styl niż którekolwiek z wbudowanych mechanizmów renderowania, możesz też utworzyć mechanizm renderowania niestandardowego. Aby rozpocząć Zespół Blockly zaleca:
- Zapoznaj się z dokumentacją poświęconą koncepcjom mechanizmu renderowania, aby dowiedzieć się więcej. jak wszystkie elementy mechanizmu renderowania pasują do siebie.
- Wykonaj ćwiczenie z programowania dotyczące niestandardowego mechanizmu renderowania, aby: nauczysz się korzystać z renderowania niestandardowego.
- Dodaj do projektu mechanizm renderowania debugowania.
- Dostosuj mechanizm renderowania.