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

1. Green Base Pattern Units (Needles 1–28)

• Needles 1-22 (Straight Stepped Lines): Vertical line segments symmetrically arranged with the center (X=9, Y=9) as the reference. The longest is at the center (13 segments), decreasing sequentially to both sides (11, 9, 7, 5, 3 segments).
• Needles 23-26 (Central Diagonal Lines): Forming X-shaped diagonal lines intersecting at the center area, with 23 ➔ 24 and 25 ➔ 26.
• Needles 27-28 (Horizontal Line): A horizontal line 11 segments long, running through the entire green unit from the leftmost ($X=4$) to the rightmost ($X=14$).

2. Red Stepped Needle Lines (Needles 29–68):

• Filling the four areas (top, bottom, left, right) around the green unit in a stepped pattern. Each side consists of 5 parallel line segments of different lengths, with the longest needle line located on the central axis.

3. Blue core stitch (needles 69–92)

• 69-76 needles (cross-shaped): Four vertical and horizontal lines extending outward from the center.
• 77-92 needles (inner corners): L-shaped or square corner sealing lines distributed in the four quadrants of the center.

🕸️ 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.”

Needle size range	Color scheme	Geometric shape and layout description	Start/End Grid Coordinates (X,Y)
1-2	green	The central 13-grid vertical line	$(9, 3) \rightarrow (9, 15)$
3-6	green	Right/Left 11 vertical lines	$(10, 4) \rightarrow (10, 14)$ / $(8, 4) \rightarrow (8, 14)$
7-10	green	Right/Left 9 vertical lines	$(11, 5) \rightarrow (11, 13)$ / $(7, 5) \rightarrow (7, 13)$
11-14	green	Right/Left 7 vertical lines	$(12, 6) \rightarrow (12, 12)$ / $(6, 6) \rightarrow (6, 12)$
15-18	green	Right/Left 5 vertical lines	$(13, 7) \rightarrow (13, 11)$ / $(5, 7) \rightarrow (5, 11)$
19-22	green	Right/Left 3 vertical lines	$(14, 8) \rightarrow (14, 10)$ / $(4, 8) \rightarrow (4, 10)$
23-26	Dark green	Diagonal lines from the center (X-shape)	$(6, 6) \rightarrow (12, 12)$ 與 $(12, 6) \rightarrow (6, 12)$
27-28	Dark green	Long horizontal line running through the center	$(4, 9) \rightarrow (14, 9)$
29-68	Red	Stepped extension lines around the perimeter	左 $(7 \rightarrow 3, Y)$、上 $(X, 7 \rightarrow 3)$、右 $(11 \rightarrow 15, Y)$、下 $(X, 11 \rightarrow 15)$
69-76	Blue	Central crosshair	Four-way vertex $(9,7), (11,9), (9,11), (7,9) \rightarrow$ 中心 $(9,9)$
77-92	Blue	Center corner pins	The four corner blocks surrounding the center $(9,9)$

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

• 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