Blocks

Bausteine sind das, was du zum Programmieren verwendest. Sie stellen Ausdrücke und Anweisungen in textbasierten Programmiersprachen dar.

Weitere Informationen zu Blöcken und deren Bestandteile finden Sie im visuellen Glossar.

Definition der Blockierung

Eine Blockdefinition gibt die Verbindungen und Felder der Puzzleteile des Blocks an. Das Aussehen und der Stil Ihrer Blockierungen werden größtenteils auf andere Weise festgelegt. Die Zeichenfolge (in der Regel Code), in die Ihr Block konvertiert wird, wird als Blockcode-Generator definiert.

Einfache Blöcke lassen sich am einfachsten mit JSON definieren.

Dieses Code-Snippet definiert einen "Move Forward"-Block mit der nächsten und vorherigen Verbindung sowie ein Feld für die Entfernung.

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

Weitere Informationen zum Definieren von Blockierungen finden Sie unter Blöcke definieren.

Informationen zum Einfügen des Blocks in Ihre Toolbox finden Sie unter Toolbox – Übersicht.