JigsawDesignerヘルプ
Templatesでスロットテンプレートを作成・管理
スロットテンプレートは、パズル生成に渡す接続パスを定義します。内蔵テンプレートは保護されています。カスタムテンプレートは作成、更新、書き出し、保存、削除ができます。
テンプレートを選ぶ
生成前にTemplatesパネルを開き、Standard Convex、Standard Concave、Straight Line、またはカスタムテンプレートのいずれかを選択します。
テンプレートを作成
+ボタンをクリックしてカスタムテンプレートを作成
名前で検索
名前でテンプレートを検索
組み込みテンプレート
JigsawDesignerが提供する事前設計済みのスロット形状。クラシックな凸型/凹型のパズルタブを含みます。
カスタムテンプレート
ベジェ描画ツールで独自のスロット形状を作成します。
選択して結果を確認
パズル生成に使用するテンプレートを選択
組み込みテンプレートは上書き・削除できません。選択された形が生成後のすべての辺に使われるとは限りません。輪郭や条件に合わせて結果を確認してください。
iPhone
ライブラリで接合部の形を選ぶ
接合部テンプレートはピースがつながる部分の曲線を定義します。既存の形を確認し、自分のテンプレートも作ってみましょう。
テンプレートを作成
Templates の ＋ をクリックして名前を入力します。名前と有効なパスがそろうと保存できます。
名前で検索
名前でテンプレートを検索
選択して結果を確認
組み込みテンプレートは上書き・削除できません。選択された形が生成後のすべての辺に使われるとは限りません。輪郭や条件に合わせて結果を確認してください。
4つの手順で接合部テンプレートを作る
Website Demo Wave を例に、空の編集画面からカスタムテンプレートの保存まで進めます。
- 1
作成して名前を付ける
Templates の ＋ をクリックして名前を入力します。名前と有効なパスがそろうと保存できます。
- 2
曲線を描いて調整
開いたベジェ曲線を描き、Edit Points を選びます。アンカーで位置を、中抜きのハンドルで曲がり方を調整します。
- 3
編集を終えて保存
Finish Editing を選んで曲線を確認し、Save を押します。Path Dimensions は曲線の外接枠の寸法で、完成ピースの寸法ではありません。
- 4
保存したテンプレートを探す
Templates に戻り Website Demo を検索します。カスタムテンプレートのカードで保存を確認し、選択して単純な閉じた輪郭に適用します。
Import SVG で元になるパスを読み込めます。最初の対応パスが使われるため、使いたい曲線を含む SVG を用意してください。
iPhone
4つの手順で接合部テンプレートを作る
iPhone Demo Tab を例に、テンプレートライブラリから描画、ポイント編集、保存までの流れを確認します。
1テンプレートを作成
Templates の ＋ をクリックして名前を入力します。名前と有効なパスがそろうと保存できます。
2名前を付けてパスを描く
接合部テンプレートで ＋ をタップし、iPhone Demo Tab と入力します。描画エリアで点を順にタップして開いたパスを作り、ダブルタップで描画を終了します。
3編集を終えて保存
Edit Points をタップすると、この例では 6 個のアンカーポイントが表示されます。Finish Editing で描画モードに戻り、Save で名前を付けたテンプレートを保存します。
4保存したテンプレートを探す
ライブラリで iPhone を検索し、iPhone Demo Tab をタップして保存済みテンプレートを選択します。この例は開いた折れ線です。表示される寸法はパスの大きさであり、完成したパズルピースの大きさではありません。
Import SVG で元になるパスを読み込めます。最初の対応パスが使われるため、使いたい曲線を含む SVG を用意してください。
カスタムテンプレートを保存、書き出し、削除
カスタムテンプレートを保存すると、永続的なテンプレートストレージに追加され、新しいプロジェクトでも利用できます。可搬性のあるコピーにはSVGを書き出してください。内蔵テンプレートは編集や削除ができませんが、カスタムテンプレートは変更できます。