Canvas Overview

Canvas Basics

A canvas is a flexible workspace in ShoeCatch.
You can create and connect nodes on the canvas to build your own design workflow.

You can use dozens of text, image, and video models within a single canvas.
This helps you explore multiple creative directions in one place without switching between different tools.

Creating and Connecting Nodes

Creating Nodes

Double-click anywhere on the canvas, or select Add Node from the canvas toolbar to add a text, image, video, or resource node.

Available node types include Text Node, Image Node, Video Node, and Resource Node.
For more details about each node type, see the Node Overview section.

Connecting Nodes

Drag the + handle on the right side of a node and connect it to the + input handle on the left side of another node.
The connected node will be used as input for the next generation task.

To connect multiple images at once, select the image nodes you want to use, then drag the + handle at the center-right of the selected area.
This lets you connect multiple selected images to another node’s input area in one action.

Connection Examples

• Resource Node → Image Node
  Use an uploaded image as a reference to generate a new image.

• Resource Node → Video Node
  Use an uploaded image as a reference to create a video.

• Multiple Image Nodes → Image Node
  Use multiple reference images together to combine form, style, and color in a new image.

Toolbar

• Add Node
  Add an image, video, text, or resource node.

• Selection / Pan
  Switch between selecting elements on the canvas and moving around the canvas.

• Undo / Redo
  Undo or redo your previous action.

• Help
  Open user docs, the getting started guide, keyboard shortcuts, and support options.

Activities

All generation tasks created on the canvas appear in Activities, where you can track their progress.
Text, image, and video generation tasks are displayed in order, and completed results are grouped by creation date.

When an image or video generation is complete, you can view its thumbnail and output dimensions.
You can drag a thumbnail from the generation list back onto the canvas to place the result as a node.

When you click a thumbnail in the generation list, ShoeCatch moves to the original node if it still exists on the canvas.
The node is also highlighted, helping you quickly find your work even on a large canvas.