Case Study: Canvas-128

Computational Embroidery Card

📊 Module 1: Metadata Table

  • Case ID: Canvas-128
  • Perceptual Impression: Circulation / Recurrence
  • Fundamental Structure: Balance and Support
  • Thread Specifications: DMC / No. 5 Floss
  • Color Palette: Yellow, Green, Beige
  • Composition Alignment: Left to right, continuous sequence

📐 Module 2: Starting Logic & Vector Operations

  • Starting Logic:
    • Key Focus: Stitch central vertical lines first (2 parallel lines of 7-grid length).
    • Execution Order: 7-grid vertical lines $\rightarrow$ Vertically symmetric $\backslash$ $\slash$ diagonal lines $\rightarrow$ Horizontal bar locking (9-10) $\rightarrow$ Interstitial cross stitches.
    • Node Rules: Odd numbers (1, 3, 5, 7…) act as Entry Points, even numbers (2, 4, 6, 8…) act as Exit Points, with Nodes 9-10 serving as precision anchor points.
  • Polar Vector Operations (Syntax Type: Distributed Stability):
    • Central Vertical Support Axes: Angle 90°, Physical Length 7-grid (Main longitudinal support)
    • Symmetric Diagonal Tension Axes: Angle $\pm 45^\circ$ / $\pm 135^\circ$ (Symmetric equilibrium)
    • Central Locking Bar Axis (9-10): Angle (Center bundling node)
    • Grid Cross Stitches: Interstitial 90° and 0° cross axes (Distributed structural stability)

🕸️ Module 3: Structural Mechanics & Topology

  • Topological Network: Distributed stability mesh formed by Entry Nodes 1, 3, 5, 7, Exit Nodes 2, 4, 6, 8, and Center Locking Nodes 9, 10.
  • Mechanical Analysis: The central 7-grid vertical stitches establish the primary load-bearing axis. Symmetrical diagonal stitches combined with the central 0° locking bar (9-10) apply inward constrictive tension. Together with interstitial cross stitches, this geometry forms a self-balancing network embodying “Balance and Support.”

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

🧵 Canvas-128 運算刺繡:分布式穩定幾何動態展示

準備進針中…

  • SVG Geometric Parameters:
    • ViewBox: 0 0 400 400
    • Primary Axis (Vertical 7-grid): Start (185, 80) -> End (185, 320)
    • Symmetric Diagonals: Top-left/bottom-left & Top-right/bottom-right paths anchor to Node 9 & Node 10
    • Locking Bar (9-10): Horizontal line connecting (170, 200) to (230, 200)
    • Interstitial Cross Stitch: Center (280, 200) vertical/horizontal cross axes

🖼️ Module 5: Visual Gallery

Scroll to Top