研究案例：Canvas-151

刺繡運算語法卡片

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

  • 典藏編號：Canvas-151
  • 感知意象：對比，關門、開門
  • 基本結構：線條結構（13格至3格遞減垂直線、十字交叉、房屋⌂形）
  • 線材規格：DMC / 8 號線
  • 使用顏色：綠色、紅色、藍色、黃色
  • 構圖方向：左上至右下，對角延伸
  • 起針規則：中心直線 13 格刺繡垂直線

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

1. 綠色底圖單元 (針 1–28)
  • 1-22 號針 (直條階梯狀)：以中心 $X=9, Y=9$ 為基準，呈左右對稱的垂直線段。中心最長（13 格），向兩側依序遞減（11、9、7、5、3 格）。
  • 23-26 號針 (中心斜線)：於中心區域形成 23 ➔ 24 與 25 ➔ 26 的 X 型交叉對角線。
  • 27-28 號針 (貫穿橫線)：一條長達 11 格的水平橫線，貫穿整個綠色單元的最左（$X=4$）至最右（$X=14$）。
2. 紅色階梯針線 (針 29–68)
  • 圍繞綠色單元四周的四個區域（上、下、左、右）進行階梯狀填補，每一側由 5 條不同長度的平行線段組成，最長針線位於中心軸上。
3. 藍色核心針線 (針 69–92)
  • 69-76 號針 (十字向心)：從中心向外延伸的四方向垂直與水平線。
  • 77-92 號針 (四角內邊)：分佈於中心四個象限的 L 型或方塊轉角封邊線。

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

  • 核心拓撲節點網路：以長度 13 格的主垂直線段為中央張力脊柱，向左右兩側遞減延伸出等距平行線段，頂端與底端形成菱形屋頂（⌂ 形）外廓。
  • 力學結構分析：長短平行垂直線提供單向拉力平衡，中央交叉十字與對角斜線則提供水平與對角向的側向鎖定力，使整體結構在視覺上產生「開門與關門」的視覺張力與對比節奏。
針號範圍色系幾何型態與佈局說明起始/終點格點座標 (X,Y)
1-2綠色中心 13 格長縱線$(9, 3) \rightarrow (9, 15)$
3-6綠色右/左 11 格縱線$(10, 4) \rightarrow (10, 14)$ / $(8, 4) \rightarrow (8, 14)$
7-10綠色右/左 9 格縱線$(11, 5) \rightarrow (11, 13)$ / $(7, 5) \rightarrow (7, 13)$
11-14綠色右/左 7 格縱線$(12, 6) \rightarrow (12, 12)$ / $(6, 6) \rightarrow (6, 12)$
15-18綠色右/左 5 格縱線$(13, 7) \rightarrow (13, 11)$ / $(5, 7) \rightarrow (5, 11)$
19-22綠色右/左 3 格縱線$(14, 8) \rightarrow (14, 10)$ / $(4, 8) \rightarrow (4, 10)$
23-26深綠中心對角斜線 (X型)$(6, 6) \rightarrow (12, 12)$ 與 $(12, 6) \rightarrow (6, 12)$
27-28深綠貫穿中心長水平線$(4, 9) \rightarrow (14, 9)$
29-68紅色四周階梯狀延伸線左 $(7 \rightarrow 3, Y)$、上 $(X, 7 \rightarrow 3)$、右 $(11 \rightarrow 15, Y)$、下 $(X, 11 \rightarrow 15)$
69-76藍色中心十字向心針四向頂點 $(9,7), (11,9), (9,11), (7,9) \rightarrow$ 中心 $(9,9)$
77-92藍色中心四角轉角針包圍中心 $(9,9)$ 周圍的 4 個轉角方塊結構

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

🧵 Canvas-151 綠色單元 (針 1-28) 精確修正動態演示

準備進針中…

🧵 Canvas-151：29~92 正確置中對齊演示

準備進針中…

  • SVG 向量幾何參數：
    • ViewBox: 0 0 480 480
    • Primary Axis: 13-unit central line from (180, 60) to (180, 320)
    • Rhythmic Sequence: Height steps $13 \rightarrow 11 \rightarrow 9 \rightarrow 7 \rightarrow 5 \rightarrow 3$
    • Node Sharing: Shared anchor point at $(220, 260)$ for stitches #27, #28, #65, #66.
    • Grid Alignment: All coordinates snapped strictly to cell centers (x * 20 + 10, y * 20 + 10)

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

返回頂端