Case Study: Canvas-151

Computational Embroidery Card

📊 Module 1: Metadata Table

  • Case ID: Canvas-151
  • Perceptual Impression: Contrast, Door Closing / Door Opening
  • Fundamental Structure: Line Structure (13-to-3 grid decreasing vertical lines, cross stitches, house-shaped ⌂ forms)
  • Thread Specifications: DMC / No. 8 Floss
  • Color Palette: Green, Red, Blue, Yellow
  • Composition Alignment: Top-left to bottom-right diagonal extension
  • Starting Logic: Central vertical line over 13 grid cells

📐 Module 2: Starting Logic & Vector Operations

  • Starting Logic:
    • Phase 1 (Green House Form ⌂):
      • Begin with the 13-unit central vertical line $\rightarrow$ 11 units (left/right) $\rightarrow$ 9 units $\rightarrow$ 7 units $\rightarrow$ 5 units $\rightarrow$ 3 units, forming a diagonal square.
      • Embroider cross stitches at the 7-unit lines, aligning with the 3-unit lines to form horizontal straight lines.
    • Phase 2 (Red/Blue/Yellow Symmetric Flower):
      • Arrange vertical/horizontal lengths in 3, 5, 7, 5, 3 grid counts to form a 4-way house shape ⌂.
      • Embroider central blue cross stitch and 2×2 ┌, └ symmetrical accents.
    • Shared Node Rule: Stitches #27, #28, #65, and #66 converge at a single shared grid node.
  • Polar Vector Operations (Syntax Type: Rhythm Type):
    • Vertical/Horizontal Axes: Angle 90° (vertical rhythm lines) and (horizontal bars)
    • Diagonal Cross Axes: Angle $\pm 45^\circ$ (45° diagonal locks)
    • Arithmetic Length Sequence: Length set $L \in \{13, 11, 9, 7, 5, 3\}$, producing a strict arithmetic visual rhythm.

🕸️ Module 3: Structural Mechanics & Topology

  • Topological Network: Centered on a 13-unit primary vertical line acting as a tension spine, flanked by symmetrically diminishing parallel lines that outline a house-shaped (⌂) envelope.
  • Mechanical Analysis: Vertical parallel lines maintain unidirectional tensile balance, while central cross and diagonal braces distribute transverse and diagonal loads, achieving a visual rhythm of “opening and closing doors.”

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

🧵 Canvas-151 綠色單元 (針 1-28) 精確修正動態演示

準備進針中…

  • SVG Geometric Parameters:
    • ViewBox: 0 0 480 480
    • Primary Axis: 13-unit central line from (180, 60) to (180, 320)
    • Rhythmic Sequence: Height steps $13 \rightarrow 11 \rightarrow 9 \rightarrow 7 \rightarrow 5 \rightarrow 3$
    • Node Sharing: Shared anchor point at $(220, 260)$ for stitches #27, #28, #65, #66.
    • Grid Alignment: All coordinates snapped strictly to cell centers (x * 20 + 10, y * 20 + 10)

🖼️ Module 5: Visual Gallery

Scroll to Top