BlockWerk Anleitungen

Canvas-Navigation & Verbindungen

Das Canvas ist Ihr zentraler Arbeitsbereich. Es unterstützt unendliches Verschieben und Zoomen, Drag-and-Drop-Platzierung von Blöcken sowie zwei intelligente Routing-Stile für Signalverbindungen.

Navigieren auf dem Canvas

  • Verschieben (Pan): Halten Sie die Leertaste gedrückt und ziehen Sie mit der Maus, oder ziehen Sie mit der mittleren Maustaste.
  • Vergrößern / Verkleinern: Strg+Mausrad oder Strg+Plus / Strg+Minus.
  • Zoom zurücksetzen: Strg+0 setzt den Zoom auf 100 % zurück und zentriert die Ansicht neu.
  • Minimap: Die Übersichtskarte in der Ecke zeigt die gesamte Ausdehnung Ihres Diagramms. Klicken oder ziehen Sie darin, um sofort zu einem beliebigen Bereich des Canvas zu springen.

Blöcke hinzufügen

  • Öffnen Sie die Palette mit Strg+K oder über die Palettenschaltfläche auf der linken Seite.
  • Ziehen (Drag & Drop) Sie einen Block aus der Palette auf das Canvas.
  • Oder führen Sie einen Doppelklick auf einen Block in der Palette aus, um ihn in der Mitte der aktuellen Ansicht zu platzieren.

Verbindungen zeichnen

  1. Bewegen Sie den Mauszeiger über einen Ausgangsport (rechte Seite eines Blocks), bis dieser hervorgehoben wird.
  2. Klicken und ziehen Sie eine Verbindungslinie zu einem Eingangsport (linke Seite eines anderen Blocks).
  3. Lassen Sie die Maustaste los, um die Verbindung fertigzustellen.

Um eine Verbindung zu löschen, klicken Sie darauf, um sie auszuwählen, und drücken Sie Entf.

Routing-Stile für Verbindungen

Wechseln Sie zwischen den Routing-Stilen im Menü Ansicht oder in der Symbolleiste:

  • Bézier: Sanft geschwungene Linien. Schnell im Rendering und bei überschaubaren Diagrammen sehr gut lesbar.
  • Elbow (Orthogonal): Rechtwinklige Linien, die Blöcke automatisch umgehen.

Das rechtwinklige Routing berechnet den Pfad bei jedem Verschieben eines Blocks dynamisch neu, sodass Verbindungen niemals über andere Blöcke verlaufen.

Blöcke auswählen und bearbeiten

  • Klicken Sie auf einen Block, um ihn auszuwählen. Seine Eigenschaften erscheinen im rechten Bedienfeld.
  • Auswahlrahmen: Klicken und ziehen Sie auf einem leeren Bereich, um mehrere Blöcke gleichzeitig auszuwählen.
  • Strg+Klick: Fügt einzelne Blöcke zur bestehenden Auswahl hinzu.
  • Strg+A: Wählt alle Blöcke auf der aktuellen Canvas-Ebene aus.

Blöcke ausrichten

Wenn mehrere Blöcke ausgewählt sind, verwenden Sie das Menü Ausrichten oder die entsprechenden Schaltflächen in der Symbolleiste, um Kanten links, rechts, oben oder unten bündig auszurichten oder Blöcke gleichmäßig entlang einer Achse zu verteilen.

Automatische Anordnung (Auto-Layout)

Das Auto-Layout (in der Symbolleiste oder im Kontextmenü des Canvas) ordnet alle Blöcke auf der aktuellen Canvas-Ebene automatisch in einem sauberen Signalfluss von links nach rechts an. Sehr nützlich, um importierte oder manuell zusammengestellte Diagramme aufzuräumen.

Kontextmenü eines Blocks

Klicken Sie mit der rechten Maustaste auf einen Block, um Schnellaktionen aufzurufen:

  • Drehen: Dreht den Block um 90 Grad im Uhrzeigersinn.
  • Duplizieren: Erstellt eine Kopie direkt neben dem Original.
  • Löschen: Entfernt den Block und alle daran angeschlossenen Verbindungen.
  • Dokumentation anzeigen: Öffnet die Handbuchseite dieses Blocks.
  • In Subsystem gruppieren: Fasst die ausgewählten Blöcke in einem neuen Subsystem zusammen.
Tipp: Verwenden Sie das rechtwinklige Elbow-Routing für komplexe Diagramme mit vielen Blöcken. Nutzen Sie Bézier-Kurven für kompakte Regelkreise, bei denen die visuelle Eleganz geschwungener Linien bevorzugt wird.

In BlockWerk simulieren

Interaktive Sandbox direkt im Browser — keine Installation, WebAssembly-Engine.

In BlockWerk simulieren →