研究案例：Canvas-018

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

欄位項目典藏數據內容
作品編號Canvas-018
感知意象好朋友 (Friendship & Harmony)
基本結構2-3-3-2 格長方形鏡像對稱結構 (3格 × 4格長方形單元)
線材規格DMC 5號線 / 25號線 3絲對折
色彩計畫綠色、黃色 (動畫展示等效為紅色與藍色路徑)
刺繡方向綠色：左上角斜線至右下角；黃色：右下角斜線至左上角
語法類型鏡像對稱與軸向平移 (Mirror Symmetry & Axial Translation)

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

1. 刺繡順序與區域演算法 (Stitch Sequence)

  • Phase ① 基本圖形區塊 (針步 1 至 16)：於第 1 區 (x 軸座標 0 至 80，y 軸座標 20 至 100) 建立基礎長方形單元。由左上至右下斜線 (紅色路徑：1-2, 7-8, 9-10, 15-16) 與右上至左下斜線 (藍色路徑：3-4, 5-6, 11-12, 13-14) 進行鏡像對稱交錯鋪滿。
  • Phase ② 區域複製與軸向平移 (針步 17 至 48)：第 1 區完成後，將整體路徑向右平移 ΔX = 4 格 (等於 80 SVG 單位) 生成第 2 區 (針步 17-32)；再向右平移 ΔX = 4 格生成第 3 區 (針步 33-48)，完成連貫長方形對稱結構。

2. 向量角度與幾何參數

  • 向量斜率與傾角：
    • 左上至右下斜線 (角度 135°)：向量方向 ΔX = 1, ΔY = 1，長度約 5.1 mm (等效 28.28 SVG 單位)，傾角為 135°。
    • 右上至左下斜線 (角度 45°)：向量方向 ΔX = -1, ΔY = 1，長度約 5.1 mm (等效 28.28 SVG 單位)，傾角為 45°。
    • 跨格長斜線：向量方向 ΔX = 2, ΔY = 2，長度約 10.1 mm (等效 56.57 SVG 單位)。

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

1. 結構脊柱與對稱節點

  • 交會節點 (Cross Nodes)：紅藍斜線於單元中心 (50, 50)、(50, 70) 等處相交，形成高度穩定的網格交叉鎖定點。
  • 雙向對稱鎖定：正向斜線 (135°) 與反向斜線 (45°) 的張力互相抵消，確保繡布在長時間張力下不會發生斜向拉扯歪斜。

2. 布面張力平衡與應力分散

  • 應力分散機制：採用 2-3-3-2 的針步跨度排列，長斜線 (10.1 mm) 提供主要結構張力，短斜線 (5.1 mm) 則固定布邊邊界，使應力均勻分散於 80×80 的正方形網格區域內。

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

1. SVG 向量幾何參數

  • ViewBox 範圍：-10 -10 280 130
  • 網格系統：基礎格點為 20 單位間距之虛線網格 (c018_grid_line)。
  • 色彩對應：紅色主線 (#ef4444) 對應綠色線材，藍色主線 (#3b82f6) 對應黃色線材。

2. 動態互動卡片程式碼 (可直接貼於 WordPress)

第 1 區 (1-16) 第 2 區 (17-32) 第 3 區 (33-48) 1 2/4 3 5/23 6/8 7 9 10/12 11/25 13/31 14 15 16 17 18/20 19 21/39 22/24 26/28 27/41 29/47 30 32 33 34/36 35 37 38/40 42/44 43 45 46 48

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

正面實體照 (Front)背面實體照 (Back)設計手稿圖 (Draft)
正面：綠黃對稱斜線砌成之棋盤長方形紋樣背面：斜向平行鎖針，呈現結構拉力佈局手稿：精確座標與針路標註 (1-48 針步)

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

  • 物理覆蓋率 (Physical Coverage)：雙向斜線交叉覆蓋率達 85% 以上，透過長短針組合有效避免布面裸露。
  • 變體矩陣 (Variant Matrix)：
    • stepSequence = [2, 3, 3, 2]
    • unitSpacing = 80 (SVG 單位，等效於 4 個網格單元)
    • gapRatio = 0.0 (無縫隙平移拼接)
  • Procedural 擴充邏輯：可透過調整 unitSpacing 與對稱軸角度，將此鏡像長方形結構擴展為無限重複的建築外牆式網格刺繡。
返回頂端