研究案例：Canvas-012

網頁運算刺繡語法卡片

模組 1：基本詮釋資料表 (Metadata Table)

屬性項目	中文說明與規格
作品編號	Canvas-012
感知意象	具備幾何律動感與展翅意象的「機翼與斜針」結構；透過密集長短斜針排列與特定步距留空，呈現豐富的立體幾何光影與空間張力。
基本結構	機翼與斜針組合語法；以跨 2-3-4-3-2 格對角斜線單元為主體，中間留空一格，並結合四組 2格×2對角斜線交替鋪設。
線材規格	DMC / 25 號線 4 絲對折（雙股共 4 絲）
色彩計畫	主色：綠色系；輔色：天藍色、灰白色
刺繡方向	分兩階段進行：① 綠色機翼與斜針基礎陣列（由左下至右上） → ② 中心填滿（天藍色與灰白色）；由左上往 45 度斜面至右下延伸。

模組 2：起針與向量運算 (Starting & Vector Operations)

• 起針規則：初始針位錨定於左上角，優先完成 Phase ① 綠色機翼與斜針基礎結構（左上往 45 度斜面至右下），再刺繡 Phase ② 填滿左下角、右上角及中心天藍色與灰白色。
• Phase ① 綠色斜針與機翼順序（針步 1-20，分為左右兩區塊）：
  • 右區塊 (針步 1-10)：依序執行跨 3、1、2、2、1 格之對角斜線：
    • 針步 1-2 (跨 3 格)：出針 (340, 220) → 入針 (460, 100)
    • 針步 3-4 (跨 1 格)：出針 (420, 220) → 入針 (460, 180)
    • 針步 5-6 (跨 2 格)：出針 (380, 220) → 入針 (460, 140)
    • 針步 7-8 (跨 2 格)：出針 (340, 180) → 入針 (420, 100)
    • 針步 9-10 (跨 1 格)：出針 (340, 140) → 入針 (380, 100)
  • 左區塊 (針步 11-20)：鏡像平行平移至左側區域 ($\Delta x = -280\text{px}$)：
    • 針步 11-12 (跨 3 格)：出針 (60, 220) → 入針 (180, 100)
    • 針步 13-14 (跨 1 格)：出針 (140, 220) → 入針 (180, 180)
    • 針步 15-16 (跨 2 格)：出針 (100, 220) → 入針 (180, 140)
    • 針步 17-18 (跨 2 格)：出針 (60, 180) → 入針 (140, 100)
    • 針步 19-20 (跨 1 格)：出針 (60, 140) → 入針 (100, 100)
• 向量與角度運算（語法類型：機翼與斜針組合）：
  • 斜線向量：所有主斜線均保持 $-45^\circ$ 傾角（向量方向受對角網格約束）。
  • 物理尺寸對應：跨 1 格長度約 $6.1\text{ mm}$；跨 2 格長度約 $12.1\text{ mm}$；跨 3 格長度約 $18.1\text{ mm}$；跨 4 格長度約 $24.2\text{ mm}$。

模組 3：結構力學與拓樸分析 (Structural Mechanics & Topology)

• 核心拓樸節點網路：
  • 以跨 4 格與跨 3 格長斜線作為主結構骨幹（脊柱），兩側對稱銜接跨 2 格與跨 1 格短針步，形成穩定的翼狀幾何模組。
  • 綠色線段與天藍色／灰白色線段沿關鍵對角通道平行鋪設，在布面上形成雙重質感的立體交織網絡。
• 結構張力分析：
  • 對稱張力平衡：統一的 $45^\circ$ 角度將布料拉力均勻分散於經緯線間，防止大面積填滿或長跨度針步時布料產生單向扭曲。
  • 網格交錯穩定度：中間留空一格的設計提供應力緩衝區，精確鎖定底層長線，避免線段鬆脫或下垂。

模組 4：向量 API 與動態展示 (SVG Interactive Widget)

SVG 向量幾何參數：

• ViewBox：0 0 520 320
• 網格基準：40 x 40 px 系統（Centroid Grid Offset）
• Phase ① 右區塊向量 (針步 1-10)：
  • 針步 1-2 (跨 3 格)：起點 (340, 220) $\rightarrow$ 終點 (460, 100)｜筆劃色彩：#16a34a
  • 針步 3-4 (跨 1 格)：起點 (420, 220) $\rightarrow$ 終點 (460, 180)｜筆劃色彩：#16a34a
  • 針步 5-6 (跨 2 格)：起點 (380, 220) $\rightarrow$ 終點 (460, 140)｜筆劃色彩：#16a34a
  • 針步 7-8 (跨 2 格)：起點 (340, 180) $\rightarrow$ 終點 (420, 100)｜筆劃色彩：#16a34a
  • 針步 9-10 (跨 1 格)：起點 (340, 140) $\rightarrow$ 終點 (380, 100)｜筆劃色彩：#16a34a
• Phase ① 左區塊向量 (針步 11-20)：
  • 依對角向量平移（$\Delta x = -280\text{px}, \Delta y = 0\text{px}$），形成雙區塊對稱組合。

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

正面實體刺繡作品	反面網格結構對照	手繪刺繡設計藍圖
CP_012_4.jpg	CV_012B_4.jpg	CV_012H_4.jpg

模組 6：演算法擴充參數與變體語法 (Algorithm Extensions & Variant Syntax)

• 線材物理性與覆蓋率：
  • 布料網格：適用於 18-count Mono Canvas 網格布料（40px 網格間距系統）。
  • 體積密度：機翼與對角斜線組合，既能維持網格對齊，又能創造豐富的立體機翼起伏質感。
• 針步變體矩陣：
  • 雙色漸層變體：於中心留空處填入天藍色與灰白色線段，能在綠色底布上創造出立體起伏與光影折射。
• 程序化擴充參數 (Procedural Matrix)：
  • stepSequence: [2, 3, 4, 3, 2] 網格跨距序列。
  • unitSpacing: 1 格（機翼接續斜面時精確留空之網格數）。
  • diagonalCluster: 2 格深度 $\times$ 2 行（四組對角斜線組合）。
  • gapRatio: 可調式開口比率，調整留空格數以增減視覺穿透感。