Procesadores

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. thrasos
Geras Es el renderizador predeterminado. Es el renderizador original con el que se creó Blockly. geras
Zelos Es un renderizador basado en el diseño de bloques de Scratch 3.0. zelos

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:

  1. Lee la documentación sobre el concepto de renderizador para aprender cómo se relacionan todos los componentes de un renderizador.
  2. Completa el codelab de renderizador personalizado para practicar el procesamiento personalizado.
  3. Agrega el renderizador de depuración a tu proyecto.
  4. Personaliza tu renderizador.