La forma di un blocco è determinata da un renderer, in base alla definizione del blocco (ovvero i relativi campi e connessioni).
Renderer integrati
Blockly fornisce tre renderer integrati, ognuno dei quali conferisce un aspetto leggermente diverso al programma.
| Renderer | Descrizione | Immagine |
|---|---|---|
| Thrasos | Il renderer consigliato. Si tratta di una versione più moderna del renderer Geras, con una spaziatura più uniforme e bordi solidi. |  |
| Geras | Il renderer predefinito. È il renderer originale con cui è stato creato Blockly. |  |
| Zelos | Un renderer basato sul design dei blocchi di Scratch 3.0. |  |
Per utilizzare uno di questi renderer, passa il nome nelle opzioni di configurazione:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Renderer personalizzati
Se vuoi dare al tuo programma un aspetto diverso da quello di uno dei renderer integrati, puoi anche creare un renderer personalizzato. Per iniziare, il team di Blockly ti consiglia di:
- Leggi la documentazione sul concetto di renderer per scoprire come si combinano tutti i componenti di un renderer.
- Completa il codelab sul renderer personalizzato per fare pratica con il rendering personalizzato.
- Aggiungi il renderer di debug al tuo progetto.
- Personalizza il renderer.