Renderujące

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

Wbudowane procesory

Blockly udostępnia 3 wbudowane mechanizmy renderowania, z których każdy zapewnia nieco inny sposób działania programu.

Mechanizm renderowania	Opis	Obraz
Thrasos	Zalecane renderowanie. Jest to bardziej nowoczesna wersja silnika renderowania geras, która zapewnia bardziej równomierne rozmieszczenie i stałe krawędzie.
Geras	Domyślny mechanizm renderowania. Jest to oryginalny moduł renderujący, na którym opiera się Blockly.
Zelos	mechanizm renderowania oparty na projekcie bloków z wersji Scratch 3.0.

Aby użyć jednego z tych procesorów, podaj jego nazwę w opcjach konfiguracji:

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

Niestandardowe mechanizmy renderowania

Jeśli chcesz nadać programowi inny wygląd niż w przypadku wbudowanych procesorów, możesz utworzyć procesor niestandardowy. Aby rozpocząć, zespół Blockly zaleca:

1. Aby dowiedzieć się, jak wszystkie komponenty renderera współdziałają ze sobą, przeczytaj dokumentację koncepcji renderera.
2. Aby zapoznać się z niestandardowym renderowaniem, wykonaj ćwiczenie z niestandardowym rendererem.
3. Dodaj do projektu renderowanie debugowania.
4. Dostosuj procesor.