研究案例：Canvas-005

刺繡運算語法卡片

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

屬性項目典藏數據與規格內容
典藏編號Canvas-005
感知意象韻律節奏感，階梯式遞進結構，清爽交錯的綠色斜向幾何與點綴式金線
基本結構2-3-2 軸心對稱模組（跨2格-跨3格-跨2格），向右下雙軸平移交錯填滿
線材規格DMC / 25 號線 4 絲對折，平行側邊夾帶金線點綴
使用顏色綠色（Magic 3407 系列）、點綴金線
構圖方向由左上向右下對角推進；單元依序向右下平移 2 格（Δx = +40px, Δy = +40px）

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

  • 起針規則： 起針位置設定於布面左上角，以綠色線執行 2-3-2 斜線對稱群組。
  • 第一單元運針（針跡 1-6）：
    • 針跡 1-2（跨 2 格）： 出針 (70, 50) → 落針 (50, 70)，向量 (-20, +20)。
    • 針跡 3-4（跨 3 格）： 出針 (90, 50) → 落針 (50, 90)，向量 (-40, +40)，作為中央長軸。
    • 針跡 5-6（跨 2 格）： 出針 (90, 70) → 落針 (70, 90)，向量 (-20, +20)。
  • 多單元平移規律： 每一新單元皆向右下向量平移 (Δx = +40, Δy = +40)。
    • 第二單元（針跡 7-12）： 出針與落針座標整體向上 2 格修正後，銜接於第一單元正下方。
    • 第三單元（針跡 13-18）： 起針 (150, 130) → (130, 150)，延續對角陣列。
  • 極座標向量與角度運算（語法類型：軸心對稱 / 階梯平移陣列）：
    • 正面斜角向量： 保持 -45° 傾角，端點精準收束於網格正中心 (Centroid Align)。
    • 單元間距平移向量： (Δx, Δy) = (+40px, +40px)，實現無空隙緊密銜接。

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

  • 核心拓撲節點網路：
    • 以跨 3 格長針 (3-4) 為幾何脊軸，兩側各配置一條跨 2 格短針 (1-2 與 5-6) 形成三位一體對稱模組。
    • 金線模組平行排列於綠線單元右側，形成雙軌平行拓撲線路。
  • 力學結構分析：
    • 對稱張力平衡： 以長針為軸、兩翼短針等長夾持的結構，能將布面拉力平均分散於對角方向，減少單向拉扯變形。
    • 階梯式連鎖鎖緊： 新單元起針點 (如點 7) 接續在上單元下方網格，形成縱橫向相互勾扣的幾何穩定性。

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

Canvas-005 運算刺繡：2.3.2 軸心對稱與階梯平移展示

🧵 Canvas-005：3單元刺繡（全環境相容按鈕）

SVG 向量幾何參數：

  • ViewBox: 0 0 280 280
  • Grid Cell Standard: 20 × 20 px 網格系統 (Centroid Grid Offset)
  • Unit 1 Path (1-6):
    • Stitch 1-2: Start (70, 50) -> End (50, 70) | Color: #5a8253
    • Stitch 3-4: Start (90, 50) -> End (50, 90) | Color: #5a8253
    • Stitch 5-6: Start (90, 70) -> End (70, 90) | Color: #5a8253
  • Unit 2 Shifted Path (7-12):
    • Stitch 7-8: Start (110, 90) -> End (90, 110) | Color: #5a8253
  • Gold Accent Path Overlay:
    • Gold 1: Start (110, 50) -> End (90, 70) | Color: #d4af37

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

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

  • 布面覆蓋率與線材物理參數 (Thread Physics & Coverage)：
    • 布格規格 (Mesh Size)： 適用 18-count Mono Canvas (網格間距 20px)。
    • 幾何排列密度： 透過 2-3-2 模組的階梯疊加，既能保持布面透氣隙縫，又能呈現清晰的幾何線條感。
  • 針法擴充與變體切換 (Stitch Variant Matrix)：
    • 多重金線夾帶變體 (Gold Accent Variant)： 可選擇性開啟右側金線模組，將原本簡約的綠色織理切換為華麗的雙色金屬質感。
  • 手繪感與程式控制 (Procedural Parameters)：
    • unitShift (單元平移量)： 預設值 40px (2格)。微調平移量可改變模組間的重疊度或密鋪節奏。
返回頂端