# 🧩 MyPuzzle v2 操作マニュアル / User Manual --- ## 🇯🇵 日本語版マニュアル (Japanese) 『**MyPuzzle v2**』は、お好きな画像をマウスの自由な曲線で切り分けてオリジナルパズルを作成し、保存・共有して、解答盤面で組み立てて遊べる Web アプリケーションです。 --- ### 1. ✂️ パズル作成モード (Create Mode) 好きな写真や画像を選び、マウスで線を引いて自由な形のピースに分割します。 #### ① 画像を選ぶ - **写真の読み込み**: 「画像をクリックまたはドロップ」エリアをクリックして、お手持ちの写真（JPG, PNG, WebP）を選択、または直接ドラッグ＆ドロップ。 - **サンプルから選択**: サンプル写真、グラデーションアート、幾何学アートの3つのプリセットから選べます。 #### ② 切断ツールを選ぶ - ✏️ **自由曲線**: マウスドラッグでなめらかな自由曲線を描いてカット。 - 📏 **直線**: 始点から終点まで一直線にスパッとカット。 - 〰️ **波型**: ジグソーパズルのような波線でカット。 #### ③ カット設定を調整する - **線の太さ**: スライダーで切断線の太さを 2px 〜 10px で調整。 - **スマート境界スナップ** (推奨: ON): 線の端点が枠や他の線の近くにある場合、自動で吸着・延長して閉じたピースを確実に作ります。 #### ④ 線を引いてピースを作る - キャンバス上でマウスをドラッグして線を引くと、閉じた領域が**リアルタイムで色分けハイライト**され、ピース数が表示されます。 - `Undo`（または `Ctrl+Z`）/ `Redo` で何度でもやり直し可能。 #### ⑤ プレイ＆保存 - **▶️ このパズルで遊ぶ**: 作成したピースのまま即座に「解答モード」へ移行してプレイ開始！ - **💾 パズルを保存**: 名前をつけてブラウザに保存。 --- ### 2. 🧩 パズル解答モード (Solve Mode) 散らばったピースをドラッグ＆回転させて、左の完成枠に組み立てます。 #### 🎮 基本操作一覧 | 操作 | やり方 | おすすめ度 | | :--- | :--- | :---: | | **ピースの移動** | ピースをマウス**左ドラッグ** | - | | **90度回転（時計回り）** | ピースに乗せて**マウスホイール下スクロール** または **`E` / `R` キー** | ⭐⭐⭐（超快適） | | **90度回転（反時計回り）** | ピースに乗せて**マウスホイール上スクロール** または **`Q` キー** | ⭐⭐⭐（超快適） | | **90度回転（クイック）** | ピースを**ダブルクリック** または **右クリック** | ⭐⭐ | | **上部ボタンで回転** | ピースを選んで「`↺ 左90°`」「`↻ 右90°`」ボタン | ⭐ | | **正解スナップ（吸着）** | 正しい向きで完成位置の近くに運ぶと「カチッ」と自動吸着 | - | #### 🛠️ 便利なサポート機能（上部バー） - 👻 **見本プレビュー**: 薄い完成見本（ゴースト画像）を枠内に重ねて表示します。 - 🔄 **回転: ON / OFF**: 初心者向けに回転なし（0度固定）モードへ切り替えられます。 - 💡 **ヒント**: 未配置のピースを1つ自動で正解位置にはめ込みます。 - 📐 **トレイに整列**: 散らばったピースを右側トレイに見やすく整列します。 - 🔀 **シャッフル**: 未配置のピースをトレイ内に再度ランダム配置します。 - ✏️ **パズル編集へ**: 作成画面に戻って線の追加や再調整ができます。 #### 🏆 完成・クリア - 全ピースが揃うとファンファーレ音と紙吹雪（Confetti）が舞い、クリアタイムと手数が記録されます。 --- ### 3. 📁 保存・共有 (Saved Puzzles) - **一覧・再挑戦**: 保存したパズルの一覧からいつでも再プレイ可能。 - **📤 エクスポート**: `.mypuzzle` ファイルとしてパソコンにダウンロード。 - **📥 ファイル読込**: 右上の「📥 ファイル読込」から `.mypuzzle` ファイルを開けば、他の人のパズルもすぐに遊べます。 --- ### 4. 🌐 その他の機能 - **🌐 言語切替 (English / 日本語)**: 右上のボタンで画面全体の英語／日本語をワンクリック切替。 - **🔊 サウンド切替**: 右上のスピーカーアイコンで効果音の ON / OFF 切替。