JigsawDesigner

JigsawDesigner 說明

產生拼圖切割線

選擇封閉邊界與卡槽範本,設定網格、目標片數與距離參數,再檢查產生的 SVG。

準備輸入幾何

使用封閉外邊界定義拼圖區域。保持目標邊界可見且未鎖定,並移除不應參與產生的幾何。

選擇卡槽範本

在範本面板中選擇內建或自訂卡槽範本。目前反白的範本會作為連接輪廓交給產生器。

設定畫布與產生參數

未選取物件時,右側檢查器顯示整個專案的設定。圖中的數值屬於示範專案,並非建議預設值。

  1. 專案資訊

    檢視和編輯專案名稱、建立日期和修改時間。

  2. 畫布設定

    以像素為單位設定畫布寬度和高度,或從預設尺寸中選擇(A4、A3、Letter 等)。

  3. 產生網格

    Grid Size 控制產生演算法的網格細分,與編輯器中可見網格的間距是兩種設定。

  4. 目標拼圖片數

    Piece Count 設定希望產生的數量。外輪廓與產生條件會影響最終數量。

  5. 卡榫距離範圍

    Slot Min / Max Distance 決定哪些長度的邊段可以加入卡榫;範圍外的邊段保留直線。這兩個數值不是切縫寬度,也不是拼圖片之間的間隙。

  6. 專案操作

    存取進階設定和產生拼圖按鈕。

畫布尺寸以像素計量,實體尺寸需在製作軟體中檢查。Shape Count 統計頂層圖形物件,不是最終拼圖片數。

iPhone

設定畫布與產生參數

取消選取畫布上的物件,再從底部開啟屬性面板,即可設定畫布與拼圖生成參數。

  1. 畫布設定

    畫布尺寸以像素計量,實體尺寸需在製作軟體中檢查。Shape Count 統計頂層圖形物件,不是最終拼圖片數。

  2. 產生網格 · 目標拼圖片數

    Grid Size 控制產生演算法的網格細分,與編輯器中可見網格的間距是兩種設定。 Piece Count 設定希望產生的數量。外輪廓與產生條件會影響最終數量。

  3. 卡榫距離範圍

    Slot Min / Max Distance 決定哪些長度的邊段可以加入卡榫;範圍外的邊段保留直線。這兩個數值不是切縫寬度,也不是拼圖片之間的間隙。

執行產生並檢查 SVG

以 Website Demo Wave 卡槽範本與圓形輪廓為例,對照產生前後的效果。 執行產生並等待進度完成。結果會以命名群組回傳。放大檢查邊界與連接、查看圖層,必要時調整輸入後重試。

1產生前

2產生後

  1. 產生前

    匯入或繪製一個有效的封閉外邊界,然後只保留用於產生的可見、未鎖定幾何。

  2. 設定畫布與產生參數

    使用『檢查器』設定網格大小、拼圖塊數量和卡槽距離。這些參數控制產生切割線的密度和複雜度。

  3. 產生後

    運行產生器、檢查結果,並在匯出 SVG 前根據需要調整設定。

本例畫布為 800 × 600 px,目標 100 片,Grid Size 為 10,卡榫距離為 10–50。產生後檢查新群組與連接效果,再繼續調整或匯出 SVG。這組截圖說明操作流程,不作為速度測試。

iPhone

把範本用到作品裡,檢查產生結果

比較同一封閉三角輪廓的生成前後,再到圖層面板查看可繼續編輯的路徑。

1產生前

匯入或繪製一個有效的封閉外邊界,然後只保留用於產生的可見、未鎖定幾何。

2產生後

準備好封閉外輪廓與生成參數後,點選右上角的拼圖按鈕。

本例畫布為 800 × 600 px,目標 100 片,Grid Size 為 10,卡榫距離為 10–50。產生後檢查新群組與連接效果,再繼續調整或匯出 SVG。這組截圖說明操作流程,不作為速度測試。

常見問題

產生失敗怎麼辦?

先確認邊界為有效封閉路徑、卡槽範本有效,且目標密度適合目前輪廓。

是否一定得到精確目標片數?

應將片數視為目標輸入,並檢查實際產生結果。