JigsawDesigner 說明
產生拼圖切割線
選擇封閉邊界與卡槽範本,設定網格、目標片數與距離參數,再檢查產生的 SVG。
準備輸入幾何
使用封閉外邊界定義拼圖區域。保持目標邊界可見且未鎖定,並移除不應參與產生的幾何。
設定畫布與產生參數
未選取物件時,右側檢查器顯示整個專案的設定。圖中的數值屬於示範專案,並非建議預設值。
專案資訊
檢視和編輯專案名稱、建立日期和修改時間。
畫布設定
以像素為單位設定畫布寬度和高度,或從預設尺寸中選擇(A4、A3、Letter 等)。
產生網格
Grid Size 控制產生演算法的網格細分,與編輯器中可見網格的間距是兩種設定。
目標拼圖片數
Piece Count 設定希望產生的數量。外輪廓與產生條件會影響最終數量。
卡榫距離範圍
Slot Min / Max Distance 決定哪些長度的邊段可以加入卡榫;範圍外的邊段保留直線。這兩個數值不是切縫寬度,也不是拼圖片之間的間隙。
專案操作
存取進階設定和產生拼圖按鈕。
畫布尺寸以像素計量,實體尺寸需在製作軟體中檢查。Shape Count 統計頂層圖形物件,不是最終拼圖片數。
iPhone
設定畫布與產生參數
取消選取畫布上的物件,再從底部開啟屬性面板,即可設定畫布與拼圖生成參數。
畫布設定
畫布尺寸以像素計量,實體尺寸需在製作軟體中檢查。Shape Count 統計頂層圖形物件,不是最終拼圖片數。
產生網格 · 目標拼圖片數
Grid Size 控制產生演算法的網格細分,與編輯器中可見網格的間距是兩種設定。 Piece Count 設定希望產生的數量。外輪廓與產生條件會影響最終數量。
卡榫距離範圍
Slot Min / Max Distance 決定哪些長度的邊段可以加入卡榫;範圍外的邊段保留直線。這兩個數值不是切縫寬度,也不是拼圖片之間的間隙。
執行產生並檢查 SVG
以 Website Demo Wave 卡槽範本與圓形輪廓為例,對照產生前後的效果。 執行產生並等待進度完成。結果會以命名群組回傳。放大檢查邊界與連接、查看圖層,必要時調整輸入後重試。
1產生前
2產生後
產生前
匯入或繪製一個有效的封閉外邊界,然後只保留用於產生的可見、未鎖定幾何。
設定畫布與產生參數
使用『檢查器』設定網格大小、拼圖塊數量和卡槽距離。這些參數控制產生切割線的密度和複雜度。
產生後
運行產生器、檢查結果,並在匯出 SVG 前根據需要調整設定。
本例畫布為 800 × 600 px,目標 100 片,Grid Size 為 10,卡榫距離為 10–50。產生後檢查新群組與連接效果,再繼續調整或匯出 SVG。這組截圖說明操作流程,不作為速度測試。
iPhone
把範本用到作品裡,檢查產生結果
比較同一封閉三角輪廓的生成前後,再到圖層面板查看可繼續編輯的路徑。
1產生前
匯入或繪製一個有效的封閉外邊界,然後只保留用於產生的可見、未鎖定幾何。
2產生後
準備好封閉外輪廓與生成參數後,點選右上角的拼圖按鈕。
本例畫布為 800 × 600 px,目標 100 片,Grid Size 為 10,卡榫距離為 10–50。產生後檢查新群組與連接效果,再繼續調整或匯出 SVG。這組截圖說明操作流程,不作為速度測試。
常見問題
產生失敗怎麼辦?
先確認邊界為有效封閉路徑、卡槽範本有效,且目標密度適合目前輪廓。
是否一定得到精確目標片數?
應將片數視為目標輸入,並檢查實際產生結果。