La forma de un bloque se determina con un renderizador basado en la de bloque (es decir, sus campos y conexiones).
Procesadores integrados
Blockly proporciona tres renderizadores integrados, cada uno de los cuales una sensación diferente al programa.
| Procesador | Descripción | Imagen |
|---|---|---|
| Thrasos | El procesador recomendado. Es un tipo de una versión moderna del renderizador Geras, con más espaciado uniforme y bordes sólidos. | 
|
| Geras | Es el procesador predeterminado. Es el original con el que se creó Blockly. | 
|
| Zelos | Un procesador basado en el diseño de bloques de Scratch 3.0. |  |
Para usar uno de estos procesadores, pasa el nombre a las opciones de inserción:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Procesadores personalizados
Si quieres darle a tu programa un aspecto diferente al de cualquiera de con procesadores integrados, también puedes crear uno personalizado. Para empezar, El equipo de Blockly recomienda lo siguiente:
- Lee los documentos de los conceptos del renderizador para obtener más información cómo encajan todos los componentes de un renderizador.
- Completa el codelab de procesador personalizado para Obtén experiencia práctica con la renderización personalizada.
- Agrega el procesador de depuración a tu proyecto.
- Personaliza tu procesador.