Die IDE kennenlernen – mein erster Block
Für Lehrkräfte: Noch keine Schleifen oder Variablen erklären. Wichtig ist nur: Die Blöcke werden von oben nach unten ausgeführt und erzeugen JavaScript.
So sieht der Blockly-Bauplan aus
function podest
box Gold 5 1 5
end function
preview function podest
Die Darstellung hier ist eine schematische Lernhilfe. In der IDE werden die echten Blockly-Blöcke aus der Werkzeugkiste verwendet.
Schritt für Schritt
- Öffne die JSMN IDE über den grünen Button.
- Ziehe `function` in den Arbeitsbereich und nenne sie `podest`.
- Hänge einen `box`-Block an und wähle Gold, 5 × 1 × 5.
- Beende mit `end function` und `preview function podest`.
- Klicke auf **3D Vorschau**.
Was Blockly daraus als JavaScript macht
function podest() {
drone.box("GOLD_BLOCK", 5, 1, 5);
};
podest();
JavaScript-Brücke: Vergleicht die Blöcke mit dem Code. Welche Zeile gehört zu welchem Block?
Challenge:
Ändere Material und Größe so, dass dein ganz persönlicher Startplatz entsteht.
Typische Stolperstellen
- Der Name in `preview function` muss zum Funktionsnamen passen.
- Ohne `preview function` weiß die 3D-Vorschau nicht, welche Funktion sie starten soll.