Case Study: Canvas-011
Computational Embroidery Grammar Card
Module 1: Metadata Table
| Property Item | Metadata & Specifications |
| Collection ID | Canvas-011 |
| Perceptual Imagery | Dense diagonal filling textured with rhythmic rain-like accents; metallic silver thread adds a refined touch of subtle luxury. |
| Basic Structure | Diagonal array filling with 1-2-3-2-1 stepped diagonal span units combined with 2-grid × 3-column (6-stitch) raindrop accent clusters. |
| Thread Specification | DMC / No. 25 strand, 4-ply folded; accented with parallel metallic silver thread. |
| Color Palette | Green series (Magic 3407/14 & 3407/20), Yellow, Accent Silver Metallic Thread. |
| Composition Direction | Two-phase sequence (Phase ① Diagonal Base Array → Phase ② Raindrop Accent Pattern); top-left to bottom-right array extension. |
Module 2: Starting & Vector Operations
- Starting Rule: Initial anchoring begins at the top-left section. Execute Phase ① diagonal base stitches first, followed by Phase ② raindrop accent clusters.
- Phase ① Diagonal Base Sequence (Stitches 1–18):
- Stepped Diagonals (1–10): Sequentially execute diagonal stitches across grid spans of 1, 2, 3, 2, and 1 unit:
- Stitch 1–2 (Span 1): Exit (50, 30) → Enter (30, 50)
- Stitch 3–4 (Span 2): Exit (70, 30) → Enter (30, 70)
- Stitch 5–6 (Span 3): Exit (90, 30) → Enter (30, 90)
- Stitch 7–8 (Span 2): Exit (90, 50) → Enter (50, 90)
- Stitch 9–10 (Span 1): Exit (90, 70) → Enter (70, 90)
- Sequence Continuation (Stitches 11–18): Translates along the primary diagonal vector to form the complete foundation block.
- Stepped Diagonals (1–10): Sequentially execute diagonal stitches across grid spans of 1, 2, 3, 2, and 1 unit:
- Phase ② Extension & Raindrop Accents (Stitches 19–36):
- Stitches 19–36 mirror the structural progression toward the bottom-right quad, placing 2-grid × 3-column raindrop clusters to interlock seamless diagonal fills.
- Vector & Angle Operations (Grammar Type: Fill-Type Stepped Diagonal & Raindrop Array):
- Diagonal Vector: All primary stitches maintain a precise -45° angle inclination.
- Physical Scale Values: 1-unit span = 6.1 mm; 2-unit span = 12.1 mm; 3-unit span = 18.1 mm.
Module 3: Structural Mechanics & Topology
- Core Topological Node Network:
- Uses the long diagonal 3-span stitch (Stitch 5–6) as the main structural anchor, balanced by symmetrical 2-span and 1-span flanking stitches.
- Silver metallic threads run parallel along key diagonal channels, forming a dual-texture mesh overlay across the fabric grid.
- Structural Tension Analysis:
- Balanced Diagonal Tension: The uniform 45-degree angle distributes pull evenly across warp and weft threads, preserving canvas flatness over dense fill areas.
- Interlocking Grid Stability: The secondary raindrop stitches anchor through shared grid intersection points, locking down underlying long threads to eliminate sagging.
Module 4: Vector API (SVG & P5.js Dynamic Display)
🧵 Canvas-011:完全對稱右下延伸陣列 (1-18 & 19-36) [跨 1-2-3-2-1 格]
SVG Vector Geometry Parameters:
- ViewBox: 0 0 320 320
- Grid Cell Standard: 20 × 20 px Grid System (Centroid Grid Offset)
- Phase ① Diagonal Vectors (Stitches 1–18):
- Stitch 1–2 (Span 1): Start (50, 30) → End (30, 50) | Stroke: #8fa336
- Stitch 3–4 (Span 2): Start (70, 30) → End (30, 70) | Stroke: #8fa336
- Stitch 5–6 (Span 3): Start (90, 30) → End (30, 90) | Stroke: #8fa336
- Stitch 7–8 (Span 2): Start (90, 50) → End (50, 90) | Stroke: #8fa336
- Stitch 9–10 (Span 1): Start (90, 70) → End (70, 90) | Stroke: #52796f
- Phase ② Raindrop & Extension Vectors (Stitches 19–36):
- Stitches 19–36 extend diagonally with offset shifts: (Δx = +40px, Δy = +40px), forming dual-tone contrast blocks.
Module 5: Visual Gallery



(Includes front stitched sample CP_011.jpg, back tension grid CV_011B.jpg, and original vector design blueprint CV_011H.jpg)
Module 6: Algorithm Extensions & Variant Syntax
- Thread Physics & Surface Coverage:
- Mesh Size: Formulated for 18-count canvas fabric (20px standard grid interval).
- Volumetric Density: The combination of long diagonal foundation stitches and dense raindrop clusters creates rich textural elevation while retaining grid alignment.
- Stitch Variant Matrix:
- Silver Thread Accent Variant: Injecting silver metallic thread along the primary 3-span channels introduces luminous reflections against the matte green canvas base.
- Procedural Parameters:
- stepSequence: 1 → 2 → 3 → 2 → 1 grid spans.
- raindropCluster: 2 grid units depth × 3 columns (6 total accent stitches per module).
