Case Study: Canvas-011

Computational Embroidery Grammar Card

Module 1: Metadata Table

Property ItemMetadata & Specifications
Collection IDCanvas-011
Perceptual ImageryDense diagonal filling textured with rhythmic rain-like accents; metallic silver thread adds a refined touch of subtle luxury.
Basic StructureDiagonal array filling with 1-2-3-2-1 stepped diagonal span units combined with 2-grid × 3-column (6-stitch) raindrop accent clusters.
Thread SpecificationDMC / No. 25 strand, 4-ply folded; accented with parallel metallic silver thread.
Color PaletteGreen series (Magic 3407/14 & 3407/20), Yellow, Accent Silver Metallic Thread.
Composition DirectionTwo-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.
  • 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 格]

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

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).
Scroll to Top