JigsawDesigner ヘルプ

画面の構成を知る

キャンバス、ツールバー、各パネルの位置を確認します。選択中のオブジェクトに応じたインスペクタの変化と、Mac・iPhone の画面構成を見てみましょう。

キャンバスで描画し、左側でツールを切り替えます。レイヤー、テンプレート、プロパティは下部のバーから開けます。

画像は英語版 macOS 開発ビルドです。iPhone の画面は iOS シミュレータで撮影しています。

作業画面を見てみよう

中央で描画・編集し、上のツールバーと左右のパネルで操作や設定を行います。

iPhone

キャンバスで描画し、左側でツールを切り替えます。レイヤー、テンプレート、プロパティは下部のバーから開けます。

エディタのメニュー
左上のメニューから、プロジェクトの作成・保存、SVG の読み込み・書き出し、表示倍率の変更、詳細設定を行えます。
プロジェクトライブラリ
ホームボタンをタップするとプロジェクト一覧に戻ります。保存したデザインを開くか、＋カードをタップして新しく作成します。
取り消しとやり直し
右上の矢印で操作を取り消したり、やり直したりできます。使えないボタンは薄く表示されます。
カットライン生成
閉じた輪郭と生成設定を用意したら、右上のパズルボタンをタップします。
SVG描画ツール
8 種類の描画・編集ツールが、以下の順番で左側に縦に並んでいます。
レイヤーパネル · テンプレートパネル · プロジェクトインスペクタ
下部のバーから、レイヤー、接合部テンプレート、プロパティを開けます。パネルを上に引き上げると表示範囲が広がり、Done をタップするとキャンバスに戻ります。

生成設定が見えないときは、選択ツールでキャンバスの空白部分をクリックするか、ツールパネルで Deselect All を選びます。

キャンバス上のオブジェクトの選択を解除し、下部のバーからプロパティを開いて、キャンバスとパズル生成のパラメータを設定します。

選択内容に応じてインスペクタが変わります。位置、寸法、回転、見た目を調整できます。

キャンバス上のオブジェクトを選択し、下部のバーからプロパティを開いて、位置、サイズ、外観を調整します。

iPhone

横向きでは同じツールが上部に移動し、各パネルは左側の折りたたみ式サイドバーにまとまります。

描画ツールが上部に横一列に並びます。左側にはメニュー、プロジェクトライブラリ、サイドバーの操作があり、右側には取り消し、やり直し、生成の操作があります。

サイドバーを開き、下部のタブでレイヤー、接合部テンプレート、プロパティを切り替えます。右上のボタンで閉じると、キャンバスをより広く使えます。