Blocages

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

Pour en savoir plus sur les blocs et sur leurs parties, consultez le glossaire visuel.

Définition du bloc

Une définition de bloc spécifie les connexions et les champs des pièces de puzzle sur votre bloc. La plupart de l'aspect et du style de vos volumes sont spécifiés d'autres manières. La chaîne (généralement en code) vers laquelle votre bloc est converti est définie comme un générateur de code de bloc.

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

Cet extrait de code définit un bloc "avancer" avec les connexions suivantes et précédentes, ainsi qu'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 de vos blocs, consultez Définir des blocs.

Pour savoir comment inclure votre bloc dans votre boîte à outils, consultez Présentation de la boîte à outils.