研究案例:Canvas-007
刺繡運算語法卡片
模組一:典藏基本數據表 (Metadata Table)
| 屬性項目 | 典藏數據與規格內容 |
| 典藏編號 | Canvas-007 |
| 感知意象 | 3-5-7-5-3 節奏式長短針遞進,重疊共用對角軌道,展現重複流動與立體階梯韻律感 |
| 基本結構 | 以 2-3-4-3-2 格長度的 $45^\circ$ 斜針為一基本單元,沿右下方共用 3 格軌道重複遞推 |
| 線材規格 | DMC / 5號線 2 絲對折、25號線 |
| 使用顏色 | 黃色、綠色(雙色切換交織出流動階梯) |
| 構圖方向 | 由左上角向右下角重複推進;右上起針向左下落針(45 度對角斜針) |
模組二:起針邏輯與向量角度演算法 (Starting & Vector Operations)
- 起針規則:
- 基準單元(針號 1-8):
- 針號 1-2(跨 2 格):右上 $(70, 30) \rightarrow$ 左下 $(30, 70)$
- 針號 3-4(跨 3 格):右上 $(90, 30) \rightarrow$ 左下 $(30, 90)$
- 針號 5-6(跨 4 格,最長針):右上 $(110, 30) \rightarrow$ 左下 $(30, 110)$
- 針號 7-8(跨 3 格):右上 $(110, 50) \rightarrow$ 左下 $(50, 110)$
- 右下遞推規律(針號 9-18,共用 3 格斜線軌道):
- 針號 9-10(跨 2 格,同 1-2 結構):右上 $(110, 70) \rightarrow$ 左下 $(70, 110)$[與前一單元共用軌道]
- 每完成一單元向右下方位移 $(\Delta x = +40, \Delta y = +40)$ 進行重複遞推。
- 基準單元(針號 1-8):
- 極座標向量與角度運算 (語法類型:節奏重複陣列):
- 斜針向量:角度 $225^\circ$(由右上至左下),單位向量方向差 $(\Delta x = -20, \Delta y = +20)$。
- 針長跨度:2 格 ($\sqrt{800}$ px)、3 格 ($\sqrt{1800}$ px)、4 格 ($\sqrt{3200}$ px)。
- 端點縮減隙縫量 (Gap Offset):預設 $0.0$,端點精確鎖定於網格正中央
+0.5格點。
模組三:拓撲網絡與力學分析 (Structural Mechanics & Topology)
- 核心拓撲節點網絡:
- 透過 2-3-4-3-2 長短斜針交錯,在中央形成菱形張力核心。
- 單元與單元間透過「共用 3 格對角斜線」高度重疊,建構無縫隙的強韌拓撲網絡。
- 力學結構分析:
- 交錯張力釋放:長針(4 格)拉出主視覺斜線,兩側短針(2 格、3 格)錨定網格節點,防止長線段鬆脫。
- 斜向重疊穩固:共用軌道的雙層線材疊加大幅提升布面紮實度與耐磨性,防止對角張力拉扯變形。
模組四:SVG 向量語法與 P5.js 動態展示數據 (Vector API)
Canvas-007 運算刺繡:3-5-7-5-3 對角斜線節奏陣列
🧵 Canvas-007:完全對稱右下延伸陣列 (1-18 & 19-36)
SVG 向量幾何參數:
- ViewBox:
0 0 300 300 - Grid Cell Standard: 網格單位 20px,端點部位於網格正中央
+0.5格點 - Base Pattern Span: 2-3-4-3-2 Units
- Vector Path Sequential:
- Stitch 1-2: $(70,30) \rightarrow (30,70)$ | Length: 2 units
- Stitch 3-4: $(90,30) \rightarrow (30,90)$ | Length: 3 units
- Stitch 5-6: $(110,30) \rightarrow (30,110)$ | Length: 4 units
- Stitch 7-8: $(110,50) \rightarrow (50,110)$ | Length: 3 units
- Stitch 9-10: $(110,70) \rightarrow (70,110)$ | Length: 2 units (Overlapping track)
模組五:手稿圖典與實體刺繡對照 (Visual Gallery)



模組六:演算法擴充參數與轉換邏輯 (Algorithm Extensions & Variant Syntax)
- 布面覆蓋率與線材物理參數 (Thread Physics & Coverage):
- 布格規格 (Mesh Size):18-count Mono Canvas。
- 覆蓋率與層次感:黃綠雙色交替創造出高覆蓋率與韻律感強烈的動態流動。
- 針法擴充與變體切換 (Stitch Variant Matrix):
- 節奏擴充變體:可將中央最長針擴充為 5 格(形成 2-3-4-5-4-3-2 陣列),大幅增加斜坡起伏感。
- 手繪感參數調控 (Procedural Parameters):
- gapRatio (端點隙縫率):預設為 $0.0$,端點鎖定於網格正中央
+0.5格點,展現數位演算刺繡的極致幾何美學。
- gapRatio (端點隙縫率):預設為 $0.0$,端點鎖定於網格正中央
