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