This page visualizes embroidery as an execution-based system.
Rather than representing static patterns, the animation demonstrates how structure emerges through sequential path decisions.
Front stitches define the visible structure, while back-path movements maintain continuity and enable structural integrity.
This visualization reveals embroidery as a dynamic and executable structural language.
1. Perform animation (front path only)
Execution Animation
2. Front and back side comparison animation.
The embroidery system separates visible and invisible structures.
Front stitches define the observable pattern,
while back movements ensure continuity and structural integrity.
Front vs Back Comparison
Left: Front (Visible Structure) ｜ Right: Back (Hidden Path)
Front
Back
3.Execution-based embroidery structure of Canvas 204.
Red lines indicate front-visible stitches, while gray dashed lines represent hidden back-path movements.
Arrows denote execution direction, and step labels (S1–S15) illustrate the sequential decision process.
The structure reveals a bidirectional diagonal system and path-dependent formation logic.
Canvas 204 – Execution Structure Diagram
Red: Front (Visible Structure) ｜ Gray Dashed: Back (Hidden Path) ｜ Arrows indicate execution direction
4. Canvas 205 performs the animation process (3 Layers + Step + Direction).
Execution order：
Layer 1 (Green): Basic Structure Preparation
Layer 2 (Red): Main structure formed
Layer 3 (Blue): Structural Locking and Stability
Note: The execution order is not equal to the visual dominant layer; the final structure comes from the interaction of multiple sequences.
This diagram illustrates the step-by-step generation process of the embroidery structure. Each step is a path execution unit, and each layer represents a different structural role.
This demonstrates that embroidery can be viewed as a structural language that is both temporal and executable.
5. Canvas 206 performs a monochrome animation process (including 5 layers and Auto Layer).
Step: 0 | Layer: 1
6. Canvas 206 performs animation (front + back).
7.Canvas 215｜Thread Flow Animation
1️⃣ ContinuityA single line runs through the entire system2️⃣ FlowArrow = syntax direction 3️⃣ Tension ProxyColor intensity = cumulative tension