Renderer

La forma di un blocco è determinata da un renderer, in base alla definizione del blocco (ovvero, i suoi campi e le sue connessioni).

Renderer integrati

Blockly fornisce tre renderer integrati, ciascuno dei quali conferisce un aspetto leggermente diverso al programma.

Renderer	Descrizione	Immagine
Thraso	Il renderer consigliato. È una rivisitazione più moderna del renderer geras, con una spaziatura più uniforme e bordi solidi.
Geras	Il renderer predefinito. È il renderingr originale con cui è stata creata Blockly.
Zelos	Un renderer basato sulla progettazione a blocchi Scratch-3.0.

Per utilizzare uno di questi renderer, inserisci il nome nelle opzioni di inserimento:

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

Renderer personalizzati

Se vuoi dare al tuo programma un aspetto diverso rispetto a qualsiasi renderer integrato, puoi anche creare un renderer personalizzato. Per iniziare, il team di Blockly ti consiglia di:

1. Leggi la documentazione sul concetto di renderingr per sapere come si integrano tra loro tutti i componenti di un renderer.
2. Completa il codelab del renderer personalizzato per fare pratica con il rendering personalizzato.
3. Aggiungi il renderer di debug al progetto.
4. Personalizzare il renderer.