La forma de un bloque la determina un renderizador, según la definición del bloque (es decir, sus campos y conexiones).
Renderizadores integrados
Blockly proporciona tres renderizadores integrados, cada uno de los cuales le da al programa una apariencia ligeramente diferente.
Procesador | Descripción | Imagen |
---|---|---|
Thrasos | Es el renderizador recomendado. Es una versión más moderna del renderizador de Geras, con un espaciado más uniforme y bordes sólidos. | ![]() |
Geras | Es el renderizador predeterminado. Es el renderizador original con el que se creó Blockly. | ![]() |
Zelos | Es un renderizador basado en el diseño de bloques de Scratch 3.0. | ![]() |
Para usar uno de estos renderizadores, pasa el nombre a las opciones de configuración:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Renderizadores personalizados
Si quieres darle a tu programa un aspecto diferente al de cualquiera de los renderizadores integrados, también puedes crear un renderizador personalizado. Para comenzar, el equipo de Blockly te recomienda que hagas lo siguiente:
- Lee la documentación sobre el concepto de renderizador para aprender cómo se relacionan todos los componentes de un renderizador.
- Completa el codelab de renderizador personalizado para practicar el procesamiento personalizado.
- Agrega el renderizador de depuración a tu proyecto.
- Personaliza tu renderizador.