Case Study: Canvas-127

Computational Embroidery Card

📊 Module 1: Metadata Table

  • Case ID: Canvas-127
  • Perceptual Impression: Continuous flow motion
  • Fundamental Structure: Linear Grid (Combination of cross stitches)
  • Thread Specifications: DMC / No. 25 Floss (Magic 3407/8, 3407/14, 3407/19, 3407/20)
  • Color Palette: Light Green, Gold Metallic Thread
  • Composition Alignment: Left to right, consistent continuous arrangement

📐 Module 2: Starting Logic & Vector Operations

  • Starting Logic:
    • Begin with diagonal cross stitches.
    • Execution order: 3×7 grid cross stitch transitioning into central horizontal bar.
    • Structural key point: Tightening of outer curved axes (5-6, 7-8) along central path 9-10.
  • Polar Vector Operations (Syntax Type: Dual-Curved Waist Tightening):
    • Central Longitudinal Straight Axes (1-2, 3-4): Angle 90°, Physical Length 30.0 mm (Vertical support pillars)
    • Left Curved Axis (8-7): Inward quadratic curve (Points 8 → 7, constricted at Node 9)
    • Right Curved Axis (5-6): Inward quadratic curve (Points 5 → 6, constricted at Node 10)
    • Central Horizontal Waist Axis (9-10): Angle , Physical Length 5.0 mm (Central tightening anchor)

🕸️ Module 3: Structural Mechanics & Topology

  • Topological Network: Dual-curve waist-tightening network composed of nodes 1, 2, 3, 4, 5, 6, 7, 8, 9, 10.
  • Mechanical Analysis: Central straight pillars (1-2, 3-4) provide vertical tension, while outer axes (5-6, 7-8) form inward curved geometries. The central 0° line (9-10) applies horizontal bundling force at nodes 9 and 10, securing a self-balanced hourglass structure.

⚡ Module 4: SVG Vector Data & P5.js Dynamic Renderer API

🧵 Canvas-127 運算刺繡:雙弧束腰動態展示 (正確幾何貼合)

準備進針中…

  • SVG Geometric Parameters:
    • ViewBox: 0 0 400 400
    • Stitch Path 1 (1-2): Start (185, 80) -> End (185, 320) | Line
    • Stitch Path 2 (3-4): Start (215, 80) -> End (215, 320) | Line
    • Stitch Path 3 (8-7 Left Curve): Start (150, 80) -> Control (180, 200) -> End (150, 320) | Quadratic Curve
    • Stitch Path 4 (5-6 Right Curve): Start (250, 80) -> Control (220, 200) -> End (250, 320) | Quadratic Curve
    • Stitch Path 5 (9-10 Tightening): Start (180, 200) -> End (220, 200) | Horizontal Line

🖼️ Module 5: Visual Gallery

Scroll to Top