JigsawDesignerヘルプ
Generate Jigsawでパズルカットラインを生成
閉じた外周とスロットテンプレートを選択し、グリッド、目標ピース数、間隔のパラメーターを設定して、生成したSVGを確認します。
入力形状を準備する
パズル領域には閉じた外周を使用します。使用する外周を表示してロックを解除し、生成に含めない形状を削除してください。
キャンバスと生成条件を設定
何も選択していないとき、右のインスペクタにはプロジェクト全体の設定が表示されます。例の数値は推奨値ではありません。
プロジェクト情報
プロジェクト名、作成日、更新日の確認と編集。
キャンバス設定
ピクセル単位のサイズ設定や、プリセット（A4、A3等）からの選択。
生成用グリッド
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 の接合テンプレートと円形の輪郭を使い、生成前の図形と生成後の結果を比較します。 Generate Jigsawを選び、進行中の処理が完了するまで待ちます。生成したSVGは名前付きグループとして戻ります。外周と接続部を拡大し、Layersを確認して、必要なら入力を調整して再生成します。
1生成前
2生成後
生成前
SVGから有効な閉じた外周を1つ読み込むか、エディタで描画します。
キャンバスと生成条件を設定
インスペクタでグリッドサイズ、ピース数、スロット距離の範囲を設定します。これらの値は生成されるカットラインの密度や複雑さに影響します。
生成後
生成を実行して結果を確認し、必要に応じて設定を調整してからSVGを書き出します。
例はキャンバス 800 × 600 px、目標100ピース、Grid Size 10、接合部の距離10〜50です。新しいグループと接合部を確認し、編集や SVG 書き出しへ進みます。操作例であり、速度の測定ではありません。
iPhone
テンプレートを適用して結果を確認
同じ閉じた三角形の生成前と生成後を比べ、レイヤーで編集可能なパスを確認します。
1生成前
SVGから有効な閉じた外周を1つ読み込むか、エディタで描画します。
2生成後
閉じた輪郭と生成設定を用意したら、右上のパズルボタンをタップします。
例はキャンバス 800 × 600 px、目標100ピース、Grid Size 10、接合部の距離10〜50です。新しいグループと接合部を確認し、編集や SVG 書き出しへ進みます。操作例であり、速度の測定ではありません。
よくある質問
生成に失敗するのはなぜですか？
まず、外周が有効な閉じたパスであること、スロットテンプレートが有効であること、指定した密度が外周に対して無理のない値であることを確認します。
出力には常に目標どおりのピース数が含まれますか？
ピース数は目標値として設定し、生成結果を確認してください。