Blocs

Les blocs sont ce que vous utilisez pour programmer. Ils représentent des expressions et des déclarations dans les langages de programmation textuels.

Pour plus d'informations sur les blocs et sur leur apparence, consultez la glossaire visuel.

Définition des blocs

Une définition de bloc spécifie les connexions et les champs des pièces de puzzle . L'apparence et le style de vos volumes sont spécifiés d'autres manières. La la chaîne (généralement du code) dans laquelle votre bloc est converti est définie en tant que block-code générateur.

Le moyen le plus simple de définir des blocs simples consiste à utiliser JSON.

Cet extrait de code définit une "progression" avec "Suivant" et "Précédent" connexions et un champ pour la distance.

// 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);

Pour en savoir plus sur la définition des blocs, consultez Définir les blocs

Pour savoir comment inclure le bloc dans votre boîte à outils, consultez la rubrique Boîte à outils présentation.