Willkommen

Willkommen in der Morphic-Blocks-Dokumentation. Morphic Blocks ist eine quelloffene TypeScript-Bibliothek auf Basis von Google Blockly, die ein einziges Block-Modell in mehreren entwicklerdefinierten Modes darstellt — zur Unterstützung des schrittweisen Übergangs zwischen block- und textbasierter Programmierung. Diese Doku zeigt, wie du sie installierst, deine Blöcke definierst und ihre Views steuerst.

Ein Modell, viele Modes

Definiere Blöcke einmal und stelle sie als Icons, Blöcke oder Quelltext dar — die Modes sind vollständig entwicklerdefiniert.

Schrittweiser Übergang zu Text

Führe Lernende Schritt für Schritt von block- zu textbasierter Programmierung, ohne das Werkzeug zu wechseln.

Deine eigene Oberfläche

Eine einbettbare Bibliothek, keine App: unstilisierte Komponenten, die du frei gestalten und anordnen kannst.

Auf Blockly aufgebaut

Die bewährte Google-Blockly-Engine bleibt darunter maßgeblich — mit morphischem Rendering obendrauf.

Hier starten

EinführungWas Morphic Blocks ist und die Idee hinter den Modes.

InstallationDas Paket und seine Peer-Dependencies ins Projekt aufnehmen.

SchnellstartEin minimales End-to-End-Beispiel: Definitionen → Behaviors → mount.

KernkonzepteBlocks, Elements, Modes, Presets und das Definitions-Format.

AnleitungenToolbox, Codespace, Preview, Highlighting, Selection-Sync und mehr.

Nützliche Links

• Playground — Morphic Blocks im Browser ausprobieren.
• GitHub — Quelltext, Issues und Releases.
• npm — das veröffentlichte Paket.