Armox
    Armox Academy 📚
    CanvasNodes Verbinden

    Nodes verbinden

    Verbindungen sind das, was einzelne Nodes zu leistungsstarken Workflows macht. Lernen Sie, wie Sie Nodes verknüpfen, um komplexe Content-Generierungs-Pipelines zu erstellen.

    Verbindungen verstehen

    Verbindungen sind die Linien, die Nodes miteinander verbinden. Sie repräsentieren den Datenfluss von einem Node zum nächsten.

    Grundprinzip

    Prompt Template
    [Node A] ──────→ [Node B]
     Output          Input

    Daten fließen vom Output eines Nodes zum Input eines anderen.


    Connection Handles

    Jeder Node hat Handles — kleine Kreise, an denen Verbindungen „andocken“:

    Handle PositionTypZweck
    Left sideInputEmpfängt Daten von anderen Nodes
    Right sideOutputSendet Daten an andere Nodes

    Farbcodierte Datentypen

    Verbindungen sind nach Datentyp farbcodiert:

    FarbeDatentypBeispiele
    GelbTextPrompts, Skripte, Beschreibungen
    BlauBildFotos, Grafiken, generierte Bilder
    GrünVideoClips, Animationen, generierte Videos
    OrangeAudioMusik, Sprache, Soundeffekte

    Warum Farben wichtig sind

    Farben helfen Ihnen zu verstehen:

    • Welche Datentypen ein Node produziert
    • Welche Datentypen ein Node akzeptiert
    • Ob eine Verbindung gültig ist

    Verbindungen erstellen

    Schritt für Schritt

    1. Output-Handle finden — Kleiner Kreis rechts am Source-Node
    2. Klicken und halten
    3. Ziehen — Eine Linie folgt Ihrem Cursor
    4. Auf Input-Handle fallen lassen — Links am Ziel-Node
    5. Verbindung erstellt — Die Linie „snappt“ ein

    Visuelles Feedback

    • Dragging: Linie folgt dem Cursor
    • Valid target: Input-Handle wird hervorgehoben
    • Connected: Stabile Linie zwischen Nodes

    Connection Rules

    Grundregeln

    1. Output zu Input — Immer von rechts (Output) nach links (Input) verbinden
    2. Ein Output, viele Inputs — Ein Output kann mehrere Inputs speisen
    3. Typ-Kompatibilität — Manche Typen können zu anderen verbunden werden

    Typ-Kompatibilität

    From (Output)To (Input)Kompatibel?
    Text (yellow)Text input✅ Ja
    Text (yellow)Image prompt✅ Ja
    Text (yellow)Video prompt✅ Ja
    Text (yellow)Audio script✅ Ja
    Image (blue)Image input✅ Ja
    Image (blue)Video image input✅ Ja
    Video (purple)Video input✅ Ja
    Audio (orange)Audio input✅ Ja
    Image (blue)Text input❌ Nein
    Video (purple)Image input❌ Nein

    Text ist „special“

    Text (gelb) ist am flexibelsten — er kann an fast jeden Input, der Text akzeptiert, z.B.:

    • Prompt-Inputs bei Image Nodes
    • Prompt-Inputs bei Video Nodes
    • Script-Inputs bei Audio Nodes
    • Text-Inputs bei anderen Text Nodes

    Multi-Input Nodes

    Manche Nodes akzeptieren mehrere Inputs:

    Beispiel: Image Node

    Prompt Template
    [Text Node] ────→ [Image Node] ←──── [Upload Node]
       Prompt              ↓           Reference Image
                  Generated Image

    Der Image Node akzeptiert:

    • Prompt (Text) — Was generiert werden soll
    • Reference Image (Bild) — Stil-/Inhaltsreferenz

    Beispiel: Video Node

    Prompt Template
    [Text Node] ────→ [Video Node] ←──── [Upload Node]
       Prompt              ↓           Starting Image
                  Generated Video

    Verbindungen löschen

    Methode 1: Auswählen und löschen

    1. Klicken Sie auf die Verbindungslinie
    2. Drücken Sie Delete oder Backspace

    Methode 2: Rechtsklick

    1. Rechtsklick auf die Verbindung
    2. Delete im Menü auswählen

    Methode 3: Wegziehen

    1. Klicken Sie am Input-Handle-Ende
    2. Ziehen Sie weg vom Node
    3. Loslassen auf leerer Fläche

    Häufige Workflow-Muster

    Linear Chain

    Einfache Sequenz:

    Prompt Template
    [Text][Image][Upscaler]

    Branching

    Ein Output speist mehrere Nodes:

    Prompt Template
    [Image Node 1]
    [Text] ─┤
             → [Image Node 2]

    Merging

    Mehrere Inputs in einen Node:

    Prompt Template
    [Text] ────→ [Video Node][Upload] ─────────┘

    Complex Pipeline

    Prompt Template
    [Text][Text (AI)][Image][BG Remover][Image (new BG)][Upscaler]

    Effektive Workflows bauen

    Flow planen

    Bevor Sie verbinden, überlegen Sie:

    1. Was ist Ihr Input? — Text, Bild oder Upload?
    2. Was ist Ihr Output? — Bild, Video, Audio?
    3. Welche Schritte dazwischen? — Processing, Enhancement?

    Beispiel: Produktfoto-Workflow

    Ziel: Professionelles Produktbild mit Custom Background erstellen

    Plan:

    1. Produktfoto hochladen
    2. Background entfernen
    3. Neuen Background generieren
    4. Kombinieren und verbessern
    5. Für finale Qualität upscalen

    Workflow:

    Prompt Template
    [Upload][BG Remover][Flux Kontext][Upscaler][Text: "marble surface, studio lighting"]

    Troubleshooting: Connections

    Verbindung lässt sich nicht erstellen

    Ursachen:

    • Inkompatible Typen (z.B. Bild → Text-Input)
    • Input zu Input verbinden
    • Output zu Output verbinden

    Lösungen:

    • Farbkodierung prüfen
    • Sicherstellen: Output → Input
    • Anderen Input-Handle ausprobieren

    Verbindung sieht falsch aus

    Ursachen:

    • Am falschen Input verbunden
    • Eigentlich ein anderer Node gemeint

    Lösungen:

    • Löschen und neu erstellen
    • Ziel-Node doppelt prüfen

    Workflow läuft nicht korrekt

    Ursachen:

    • Fehlende Verbindungen
    • Falsche Reihenfolge
    • Zyklische Abhängigkeiten

    Lösungen:

    • Prüfen, ob alle required Inputs verbunden sind
    • Flow-Richtung prüfen
    • Keine Loops im Workflow

    Tipps für saubere Workflows

    Organisation

    • Links nach rechts — Flow Richtung konsistent halten
    • Nodes verteilen — Nicht zu eng setzen
    • Nodes ausrichten — Grid für saubere Layouts nutzen
    • Related Nodes gruppieren — Ähnliche Funktionen nahe beieinander

    Naming

    • Canvases aussagekräftig benennen
    • Text Nodes als „Kommentare“ nutzen

    Einfachheit

    • Einfach starten, Komplexität schrittweise hinzufügen
    • Jeden Schritt testen, bevor Sie mehr hinzufügen
    • Nicht over-engineeren — simpler ist oft besser

    Advanced Connection Techniques

    Parallel Processing

    Mehrere Variationen gleichzeitig generieren:

    Prompt Template
    [Image Node (Model A)][Text] ─┤                          ├→ Compare results
             → [Image Node (Model B)]

    Iterative Refinement

    KI-Text-Nodes chainen, um Prompts zu verbessern:

    Prompt Template
    [Text (basic)][Text (AI: enhance)][Text (AI: add details)][Image]

    Conditional Workflows

    Unterschiedliche Pfade für unterschiedliche Inhalte:

    Prompt Template
    [Upload (Portrait)][Face Enhancement][Upscaler]
    [Upload (Product)][BG Remover][New Background][Upscaler]

    Nächste Schritte