Renderujące

Kształt bloku jest określany przez moduł renderujący na podstawie definicji bloku (czyli jego pól i połączeń).

Wbudowane renderery

Blockly udostępnia 3 wbudowane moduły renderowania, z których każdy nadaje programowi nieco inny wygląd.

Mechanizm renderowania	Opis	Obraz
Thrasos	Zalecany moduł renderujący. Jest to bardziej nowoczesna wersja renderera geras z równomiernymi odstępami i solidnymi obramowaniami.
Geras	Domyślny moduł renderujący. Jest to oryginalny moduł renderujący, na którym opiera się Blockly.
Zelos	Mechanizm renderowania oparty na projekcie bloków Scratch 3.0.

Aby użyć jednego z tych modułów renderujących, przekaż jego nazwę do opcji konfiguracji:

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

Niestandardowe programy renderujące

Jeśli chcesz, aby program wyglądał inaczej niż w przypadku wbudowanych modułów renderujących, możesz też utworzyć moduł niestandardowy. Na początek zespół Blockly zaleca:

1. Przeczytaj dokumentację koncepcji renderera, aby dowiedzieć się, jak działają wszystkie komponenty renderera.
2. Wykonaj ćwiczenia z programowania dotyczące niestandardowego renderowania, aby zdobyć praktyczne doświadczenie w tym zakresie.
3. Dodaj do projektu renderowanie debugowania.
4. Dostosuj moduł renderujący.