הגדרת אבני בניין בהתאמה אישית

באמצעות בלוקים תוכנתים את הקוד. הם מייצגים ביטויים ופקודות בשפות תכנות מבוססות-טקסט.

מידע נוסף על בלוקים ועל החלקים שלהם זמין במילון המושגים החזותי.

הגדרת בלוק

הגדרת הבלוק מציינת את החיבורים והשדות של חלקי הפאזל בבלוק. רוב המראה והסגנון של הבלוק מצוינים בדרכים אחרות. המחרוזת (בדרך כלל קוד) שהבלוק מומר אליה מוגדרת כמחולל קוד של בלוק.

הדרך הקלה ביותר להגדיר בלוקים פשוטים היא באמצעות JSON.

קטע הקוד הזה מגדיר בלוק 'העברה קדימה' עם חיבורים קודמים וחיבורים הבאים, ושדה אחד למרחק.

// Create the definition.
const definitions = Blockly.common.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.common.defineBlocks(definitions);

מידע נוסף על הגדרת בלוקים והוספתם לתיבת הכלים זמין במאמר סקירה כללית על בלוקים בהתאמה אישית.