Armox
    Armox Academy 📚
    Canvas连接节点

    连接节点(Connecting Nodes)

    连接(Connections)让单个节点变成强大的工作流。本指南介绍如何把节点连接起来,构建复杂的内容生成管线。

    理解连接(Understanding Connections)

    连接就是连接节点的线。它代表数据从一个节点到另一个节点的 数据流(flow of data)

    基础概念

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

    数据从一个节点的 output 流向另一个节点的 input


    连接端口(Connection Handles)

    每个 node 都有端口(handles)——用于连接的小圆点:

    Handle PositionTypePurpose
    Left sideInput接收来自其他节点的数据
    Right sideOutput向其他节点发送数据

    颜色代表类型(Color-Coded Types)

    连接按数据类型做颜色区分:

    ColorData TypeExamples
    YellowTextPrompts, scripts, descriptions
    BlueImagePhotos, graphics, generated images
    GreenVideoClips, animations, generated videos
    OrangeAudioMusic, speech, sound effects

    为什么颜色重要?

    颜色能帮助你快速理解:

    • 某个 node 输出的是什么类型数据
    • 某个 node 需要什么类型输入
    • 某条连接是否有效

    创建连接(Creating Connections)

    Step-by-Step

    1. 找到源节点右侧的 output handle
    2. 在 output handle 上 Click and hold
    3. Drag(会出现一条跟随光标的线)
    4. 拖到目标节点左侧的 input handle
    5. 松开后连接创建完成

    视觉反馈(Visual Feedback)

    • Dragging: 连线跟随光标
    • Valid target: 目标 input handle 会高亮
    • Connected: 节点之间出现实线连接

    连接规则(Connection Rules)

    基本规则(Basic Rules)

    1. Output to Input — 永远从右(output)连到左(input)
    2. 一出多入 — 一个 output 可以连接多个 inputs
    3. 类型兼容 — 只有兼容类型才能连接

    类型兼容(Type Compatibility)

    From (Output)To (Input)Compatible?
    Text (yellow)Text input✅ Yes
    Text (yellow)Image prompt✅ Yes
    Text (yellow)Video prompt✅ Yes
    Text (yellow)Audio script✅ Yes
    Image (blue)Image input✅ Yes
    Image (blue)Video image input✅ Yes
    Video (purple)Video input✅ Yes
    Audio (orange)Audio input✅ Yes
    Image (blue)Text input❌ No
    Video (purple)Image input❌ No

    Text 是特殊的

    Text(yellow)最灵活:几乎可以连接到所有接受文本的输入,例如:

    • Image nodes 的 prompt inputs
    • Video nodes 的 prompt inputs
    • Audio nodes 的 script inputs
    • 其它 Text nodes 的 text inputs

    多输入节点(Multi-Input Nodes)

    一些节点支持多个输入:

    Image Node 示例

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

    Image node 可接收:

    • Prompt(text)— 要生成什么
    • Reference Image(image)— 风格/内容参考

    Video Node 示例

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

    删除连接(Deleting Connections)

    方法 1:选中并删除

    1. Click 连线
    2. DeleteBackspace

    方法 2:右键菜单

    1. 在连线上 Right-click
    2. 选择 Delete

    方法 3:拖拽断开

    1. Click 连接的 input 端
    2. Drag 拉离节点
    3. 在空白处 Release

    常见工作流模式(Common Workflow Patterns)

    线性链路(Linear Chain)

    最简单的顺序流程:

    Prompt Template
    [Text][Image][Upscaler]

    分支(Branching)

    一个输出连接多个节点:

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

    合流(Merging)

    多个输入汇入同一节点:

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

    复杂管线(Complex Pipeline)

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

    构建有效工作流(Building Effective Workflows)

    先规划再连接(Planning Your Flow)

    连接前先想清楚:

    1. 输入是什么? — Text、image、还是 upload?
    2. 输出是什么? — Image、video、还是 audio?
    3. 中间需要哪些步骤? — 处理、增强?

    示例:产品图工作流

    Goal: 生成带自定义背景的专业产品图

    Plan:

    1. 上传产品照片
    2. 去背景
    3. 生成新背景
    4. 合成并增强
    5. Upscale 输出最终质量

    Workflow:

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

    连接 Troubleshooting

    无法建立连接(Connection Won't Form)

    Causes:

    • 类型不兼容(如 image 连 text input)
    • input 连 input
    • output 连 output

    Solutions:

    • 检查颜色兼容性
    • 确认是 output → input
    • 换另一个 input handle 试试

    连接看起来不对(Connection Looks Wrong)

    Causes:

    • 连到了错误的 input
    • 本来想连到别的 node

    Solutions:

    • 删除重连
    • 重新确认目标 node

    工作流运行不正确(Workflow Not Running Correctly)

    Causes:

    • 缺少连接
    • 连接顺序不对
    • 循环依赖

    Solutions:

    • 确认所有 required inputs 都已连接
    • 检查整体流向
    • 确保没有 loop

    工作流更干净的小技巧(Tips for Clean Workflows)

    组织(Organization)

    • Left to right — 流向保持一致
    • Space nodes — 别把节点挤在一起
    • Align nodes — 用网格对齐更整洁
    • Group related nodes — 相近功能放一起

    命名(Naming)

    • Canvas 命名要清晰
    • 可用 Text nodes 作为“注释/说明”

    简化(Simplicity)

    • 从简单开始,再逐步增加复杂度
    • 每加一步先测一步
    • 别过度工程化——往往越简单越好

    高级连接技巧(Advanced Connection Techniques)

    并行处理(Parallel Processing)

    同时生成多个变体:

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

    迭代式精修(Iterative Refinement)

    串联多个 AI Text nodes 来改进 prompt:

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

    条件工作流(Conditional Workflows)

    针对不同内容走不同路径:

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

    下一步