研究案例：Canvas-008

刺繡運算語法卡片

模組一：典藏基本數據表 (Metadata Table)

屬性項目典藏數據與規格內容
典藏編號Canvas-008
感知意象5-4-3-2-1 漸降對角階梯排列，重疊共用對角軌道，展現幾何漸層與精確交織律動感
基本結構以 5-4-3-2-1 長度遞減的 $45^\circ$ 斜針為一基本單元，沿右下方共用 1 格軌道重複遞推
線材規格DMC / 5號線 2 絲對折、25號線
使用顏色深灰/黑色、深藍、水藍、紅色（四色階梯交織流動）
構圖方向由左上角向右下角重複推進；右上起針向左落下針（45度對角斜針）

模組二：起針邏輯與向量角度演算法 (Starting & Vector Operations)

  • 起針規則：
    • 基準單元（針號 1-10，單元 1）：
      • 針號 1-2（跨 1 格）：右上 $(70, 30) \rightarrow$ 左下 $(50, 50)$
      • 針號 3-4（跨 2 格）：右上 $(90, 30) \rightarrow$ 左下 $(50, 70)$
      • 針號 5-6（跨 3 格，最長針）：右上 $(110, 30) \rightarrow$ 左下 $(50, 90)$
      • 針號 7-8（跨 2 格）：右上 $(110, 50) \rightarrow$ 左下 $(70, 90)$
      • 針號 9-10（跨 1 格）：右上 $(110, 70) \rightarrow$ 左下 $(90, 90)$
    • 右下遞推規律（針號 11-40，共 4 個對角斜線單元）：
      • 針號 11-20（單元 2）：向右下平移 $(\Delta x = +60, \Delta y = +60)$ 遞推。
      • 針號 21-30（單元 3）：向右下平移 $(\Delta x = +120, \Delta y = +120)$ 遞推。
      • 針號 31-40（單元 4）：向右下平移 $(\Delta x = +180, \Delta y = +180)$ 遞推。
  • 極座標向量與角度運算（語法類型：階梯遞減重複陣列）：
    • 斜針向量：角度 $225^\circ$（由右上至左下），單位向量方向差 $(\Delta x = -20, \Delta y = +20)$。
    • 針長跨度：1 格 ($\sqrt{800}\text{ px}$)、2 格 ($\sqrt{1800}\text{ px}$)、3 格 ($\sqrt{3200}\text{ px}$)。
    • 端點縮減隙縫量 (Gap Offset)：預設 $0.0$，端點精確鎖定於網格正中央 $+0.5$ 格點。

模組三：拓樸網絡與力學分析 (Structural Mechanics & Topology)

  • 核心拓樸節點網絡：
    • 透過 1-2-3-2-1 長短斜針交錯，在中央形成階梯狀張力核心。
    • 單元與單元之間透過「共用對角軌道」高度重疊，建構無縫隙的強韌拓樸網絡。
  • 力學結構分析：
    • 交錯張力釋放：長針（3 格）拉出視覺主斜線，兩側短針（1 格、2 格）錨定網格節點，防止長線段鬆脫。
    • 斜向重疊穩固：共用軌道的雙層線材疊加大幅提升布面紮實度與耐磨性，防止對角張力拉扯變形。

模組四：SVG 向量語法與 P5.js 動態展示數據 (Vector API)

Canvas-008 運算刺繡：5-4-3-2-1 對角斜線階梯陣列

🧵 Canvas-008：對角 4 組單元 (針號 31-40 右移校正版)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

SVG 向量幾何參數：

  • ViewBox：0 0 320 300
  • Grid Cell Standard：網格單位 $20\text{ px}$，端點部位於網格正中央 $+0.5$ 格點
  • Base Pattern Span：1-2-3-2-1 Units
  • Vector Path Sequential：
    • Stitch 1-2: $(70, 30) \rightarrow (50, 50)$ | Length: 1 unit
    • Stitch 3-4: $(90, 30) \rightarrow (50, 70)$ | Length: 2 units
    • Stitch 5-6: $(110, 30) \rightarrow (50, 90)$ | Length: 3 units
    • Stitch 7-8: $(110, 50) \rightarrow (70, 90)$ | Length: 2 units
    • Stitch 9-10: $(110, 70) \rightarrow (90, 90)$ | Length: 1 unit (Overlapping track)

模組五：手稿圖典與實體刺繡對照 (Visual Gallery)

模組六：演算法擴充參數與轉換邏輯 (Algorithm Extensions & Variant Syntax)

  • 布面覆蓋率與線材物理參數 (Thread Physics & Coverage)：
    • 布格規格 (Mesh Size)：18-count Mono Canvas。
    • 覆蓋率與層次感：四色階梯交替創造出高覆蓋率與律動感強烈的動態流動。
  • 針法擴充與變體切換 (Stitch Variant Matrix)：
    • 節奏擴充變體：可將中央最長針擴充為 5 格（形成 1-2-3-4-5-4-3-2-1 陣列），大幅增加斜坡起伏感。
  • 手繪感參數調控 (Procedural Parameters)：
    • gapRatio (端點隙縫率)：預設為 $0.0$，端點鎖定於網格正中央 $+0.5$ 格點，展現數位運算刺繡的極致幾何美學。
返回頂端