研究案例:Canvas-002

刺繡運算語法卡片

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

屬性項目典藏數據與規格內容
典藏編號Canvas-002
感知意象張力不變形,深淺綠色交替的流暢對角斜紋,平整光澤
基本結構$2\text{格} \times 2\text{格}$ 斜線刺繡(對角階梯式條紋密鋪)
線材規格DMC / 25 號線,4 絲對折
使用顏色深綠色(Magic 3407/8)、淺綠色(Magic 3407/13)
構圖方向由左下角開始起針,對角斜向推進;一排深綠色、一排淺綠色交替填滿

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

  • 起針規則
    • 起針位置嚴格設定於布面左下角,率先以深綠色進行 $2\text{格} \times 2\text{格}$ 斜線刺繡。
    • 正面運針:出針 $(x, y+2)$ $\rightarrow$ 落針 $(x+2, y)$,形成 $45^\circ$ 斜針 $\slash$。
    • 背面運針:入針 $(x+2, y)$ $\rightarrow$ 出針 $(x, y)$,在背面形成長度 2 格的完全水平平行線($\Delta x = -2, \Delta y = 0$)。
    • 順序:沿對角線方向完成一排深綠色後,換排刺繡一排淺綠色,循序漸進擴展填滿整個畫格。
  • 重點:刺繡在布面上拉力的鬆緊度與空間移動規律,維持適當的張力是保持刺繡結構平整、布面不拉扯變形的關鍵。手繪圖紙感同樣維持端點縮減(Gap Offset)。
  • 極座標向量與角度運算(語法類型:線條平整光澤 / 橫向張力錨定陣列)
    • 正面斜角向量 A:角度 $45^\circ$,實體長度 $6.1\text{ mm}$(正方形 $2\text{格} \times 2\text{格}$ 對角線)。
    • 背面水平錨定向量 B:角度 $180^\circ$(水平向左),實體長度 $4.3\text{ mm}$($2\text{格}$ 網格跨度)。
    • 端點退縮間隙量 (Gap Offset):預設 $18\%$ 端點縮減,保留手繪圖紙之獨立針腳視覺隙縫。

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

  • 核心拓撲節點網路
    • 由對角階梯節點陣列構成之雙色交替網絡。
    • 正面斜針 $\slash$($45^\circ$)與背面橫針 $\text{—}$($180^\circ$)形成鋸齒狀平移結構。
  • 力學結構分析
    • 背面 $180^\circ$ 水平抗拉張力:不同於 Canvas-001 的背面垂直線,Canvas-002 背面全部為水平橫向拉線
    • 張力平衡與抗變形:水平方向的背面拉力與正面 $45^\circ$ 的剪切應力相互抵銷,能有效鎖定織物的緯線(Weft),防止布面向兩側拉扯變形,達成「張力不變形」的視覺平整與線條光澤感。

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

Canvas-002 運算刺繡:一針一線動態展示

🧵 Canvas-002 運算刺繡:一針一線動態展示

準備運針中…

SVG 向量幾何參數:

  • ViewBox: 0 0 400 400
  • Grid Cell Standard: $2 \times 2\text{ grid units} = 40 \times 40\text{ px}$ (with $18\%$ Gap Ratio Offset)
  • Stitch Path 1 (Diagonal 1, Dark Green): Start (37.2, 342.8) -> End (62.8, 317.2) | Angle: $45^\circ$ | Color: #1b4d24
  • Stitch Path 2 (Diagonal 2, Light Green Step 1): Start (37.2, 302.8) -> End (62.8, 277.2) | Angle: $45^\circ$ | Color: #82a93b
  • Stitch Path 3 (Diagonal 2, Light Green Step 2): Start (77.2, 342.8) -> End (102.8, 317.2) | Angle: $45^\circ$ | Color: #82a93b

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

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

  • 布面覆蓋率與線材物理參數 (Thread Physics & Coverage)
    • 布格規格 (Mesh Size):18-count Mono Canvas。
    • 線材張力與物理平衡:使用 DMC 25 號線 4 絲對折,背面水平穿拉能有效約束緯線(Weft Thread),避免因刺繡拉力過緊導致布面歪斜。
  • 針法擴充與變體切換 (Stitch Variant Matrix)
    • 雙向幾何紋理變體 (Herringbone / Basketweave Variant)
      • 將對角進針方向於下一區塊旋轉 90∘,可轉化為人字紋(Herringbone)或編織紋(Basketweave),提供豐富的幾何光澤變化。
  • 手繪感參數調控 (Procedural Parameters)
    • gapRatio(端點隙縫率):預設值 0.18。在對角線交接處保留微小空隙,使兩色斜線條紋交界更顯俐落。
返回頂端