✨ 主な機能概要

🔄 論理フローチャート

🎛️ コントロールパネル詳細

1. プリセット設定管理

• プリセット選択 - ドロップダウンから保存済みレイアウト設定を選択
• プリセット保存 - 名前を入力して現在のレイアウトをプリセットとして保存
• インポート/エクスポート - 他者共有プリセットのインポート、または自身のプリセットをエクスポート
• プリセットクリア - 現在選択中のプリセットを解除

2. コピー設定

• インスタンス数 - 生成する画像コピー数を設定（1-20）
• 生成ボタン - エディターで選択した画像を複製
• アップロード後に生成 - 画像アップロード後に設定に従ってインスタンスを自動生成

3. グローバル設定

• 水平間隔 (X) - インスタンス間の水平距離を制御
• 垂直間隔 (Y) - インスタンス間の垂直距離を制御
• 透明度 - すべてのインスタンスの透明度を調整
• スケール - すべてのインスタンスのサイズを均一に調整

4. 出力画像設定

• 幅 - 最終出力画像の幅を設定
• 高さ - 最終出力画像の高さを設定
• 余白 - 画像周囲の空白領域
• 画質 - 出力画像の画質パーセンテージ
• アスペクト比 - 一般的なアスペクト比プリセット（1:1、4:3、16:9など）

5. 背景除去設定

• 白背景除去 - 白背景を自動識別・除去
• 空白領域切り抜き - 画像周囲の透明領域を自動切り抜き
• 白閾値 - 白色識別感度を調整

6. インスタンス一覧

• すべてのインスタンスの情報表示：番号、位置、レイヤーなど
• リスト項目をクリックして対応するインスタンスを選択
• ×ボタンをクリックして対応するインスタンスを削除
• Ctrlキー長押しでリスト項目を複数選択

🎨 エディター操作ガイド

1. 基本操作

• インスタンス移動 - 画像サブジェクトをクリック＆ドラッグ
• インスタンス回転 - インスタンス上部の赤色回転ハンドルをドラッグ
• インスタンススケール - 四隅の緑色スケールハンドルをドラッグ、またはマウスホイール使用
• 複数インスタンス選択 - Ctrlキー長押しクリック、またはドラッグで選択

2. エディターツールバー

• 整列操作 - 左揃え、右揃え、上揃え、下揃え、水平中央、垂直中央、完全中央
• 分布操作 - 水平均等分布、垂直均等分布
• レイヤー操作 - 最前面へ、前面へ、背面へ、最後面へ
• 選択間隔 - 選択したインスタンス間の水平・垂直間隔を調整
• 選択設定 - 選択したインスタンスの回転角度とスケールを調整

3. コンテキストメニュー機能

インスタンスを右クリックしてコンテキストメニューを開く、提供機能:

• レイヤー調整（最前面へ、前面へ、背面へ、最後面へ）
• インスタンスのコピー/ペースト
• 様々な整列方法
• 水平/垂直分布

4. 下部固定ボタン

• 位置リセット - すべてのインスタンスを現在の設定で再配置
• すべてクリア - すべてのインスタンスを削除、初期状態に戻す
• ダウンロード - 現在のエディター内容を画像としてエクスポート

🔧 高度なヒント

📚 プリセット管理システム

プリセットとは？

プリセットは完全なレイアウト設定を保存したファイル、含まれるもの:

• インスタンス数、位置、回転角度、スケール
• グローバル設定（間隔、透明度、スケールなど）
• 出力設定（サイズ、画質など）
• 背景除去設定

プリセットワークフロー

1. 満足のいくレイアウトを作成または調整
2. 「保存」ボタンをクリック、プリセット名を入力
3. プリセットはローカルブラウザストレージに自動保存
4. 次回、ドロップダウンから直接このプリセットを選択
5. 新しい画像アップロード時にプリセットレイアウトを自動適用

プリセット管理機能

• プリセット保存 - 現在のレイアウトを新しいプリセットとして保存
• プリセット選択 - 保存済みプリセットを現在の画像に適用
• プリセット名変更 - プリセット名を変更
• プリセット削除 - 不要なプリセットを削除
• プリセットエクスポート - プリセットをJSONファイルとして保存し他者と共有
• プリセットインポート - 他者共有のプリセットファイルを読み込み

⌨️ キーボードショートカット

一般操作

コピー/ペースト

レイヤー調整

マウス操作

• 左ドラッグ - インスタンス移動またはドラッグで複数選択
• 右クリック - インスタンスコンテキストメニューを開く
• マウスホイール - 選択したインスタンスをスケール（インスタンス上でスクロール）
• Ctrl + 左クリック - インスタンスを複数選択/選択解除
• 回転ハンドルドラッグ - インスタンスを回転
• 角ハンドルドラッグ - インスタンスをスケール

🔄 操作のヒント