Los bloques son lo que usas para programar. Representan expresiones y declaraciones en lenguajes de programación basados en texto.
Para obtener más información sobre los bloques y el aspecto de sus partes, consulta el glosario visual.
Definición de bloque
La definición de un bloque especifica las conexiones y los campos de la pieza del rompecabezas en tu bloque. La mayor parte del aspecto y el estilo de tus bloques se especifican de otras maneras. El cadena (por lo general, código) a la que se convierte el bloque se define como un bloque-código generador.
La forma más fácil de definir bloques simples es usar JSON.
Este fragmento de código define un "avanzar" bloquear con "Next" y "Previous" conexiones y un campo para la distancia.
// Create the definition.
const definitions = Blockly.createBlockDefinitionsFromJsonArray([
{
// The type is like the "class name" for your block. It is used to construct
// new instances. E.g. in the toolbox.
type: 'my_custom_block',
// The message defines the basic text of your block, and where inputs or
// fields will be inserted.
message0: 'move forward %1',
args0: [
// Each arg is associated with a %# in the message.
// This one gets substituted for %1.
{
// The type specifies the kind of input or field to be inserted.
type: 'field_number',
// The name allows you to reference the field and get its value.
name: 'FIELD_NAME',
}
],
// Adds an untyped previous connection to the top of the block.
previousStatement: null,
// Adds an untyped next connection to the bottom of the block.
nextStatement: null,
}
]);
// Register the definition.
Blockly.defineBlocks(definitions);
Para obtener más información sobre cómo definir tus bloques, consulta Define los bloques.
Para obtener información sobre cómo incluir el bloque en tu caja de herramientas, consulta Caja de herramientas. descripción general.