Kształt bloku jest określany przez mechanizm renderowania na podstawie definicji bloku (czyli jego pól i połączeń).
Wbudowane mechanizmy renderowania
Blockly ma 3 wbudowane mechanizmy renderowania, a każdy z nich nieco inaczej wpływa na działanie programu.
| Mechanizm renderowania | Opis | Obraz |
|---|---|---|
| Sensacje | Zalecany mechanizm renderowania. To bardziej nowoczesna wersja mechanizmu renderowania Gera, z równomierniejszymi odstępami i pełnymi obramowaniami. | 
|
| Geras | Domyślny mechanizm renderowania. To oryginalny mechanizm renderujący, za pomocą którego skompilowano Blockly. | 
|
| Zelos | Mechanizm renderowania oparty na blokach Scratch-3.0. |  |
Aby użyć jednego z tych mechanizmów renderowania, przekaż jego nazwę do opcji wstrzykiwania:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Niestandardowe mechanizmy renderowania
Jeśli chcesz, aby Twój program wyglądał inaczej niż w przypadku wbudowanych mechanizmów renderowania, możesz też utworzyć własny mechanizm renderowania. Zespół Blockly poleca na początek:
- Przeczytaj dokumenty pojęć związane z mechanizmem renderowania, by dowiedzieć się, jak wszystkie jego elementy łączą się ze sobą.
- Wykonaj ćwiczenie z programowania dotyczące mechanizmu renderowania niestandardowego, aby zdobyć praktyczne doświadczenie związane z renderowaniem niestandardowym.
- Dodaj do projektu mechanizm debugowania.
- Dostosuj mechanizm renderowania.