Encuesta de investigación: Cuéntanos sobre tu experiencia con Blockly
Comenzar encuesta
Procesadores
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
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 una apariencia ligeramente diferente al programa.
| 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
|
El renderizador predeterminado. Es el renderizador original con el que se compiló Blockly. |
|
| Zelos |
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 deseas darle a tu programa un aspecto diferente al de cualquiera de los renderizadores integrados, también puedes crear uno personalizado. Para comenzar, el equipo de Blockly te recomienda lo siguiente:
- Lee las documentación de conceptos del renderizador para aprender cómo se combinan todos los componentes de un renderizador.
- Completa el codelab del renderizador personalizado para obtener práctica con la renderización personalizada.
- Agrega el renderizador de depuración a tu proyecto.
- Personaliza tu renderizador.
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-07-25 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-07-25 (UTC)"],[[["Block shape is determined by a renderer based on the block's definition, including fields and connections."],["Blockly offers three built-in renderers: Thrasos (recommended), Geras (default), and Zelos (Scratch-3.0 based)."],["Custom renderers can be created for unique program aesthetics by following documentation and tutorials."]]],[]]
