カメラ操作
| 操作 | 効果 |
|---|---|
| ドラッグ | 視点を回転（水平・垂直） |
| 右ドラッグ / 2本指ドラッグ | カメラを平行移動（パン） |
| スクロール（空白エリア） | ズームイン・アウト |
| Space + ドラッグ | カメラの回転中心を移動（奥や端を見やすい位置に起点をずらせます） |
| ↺ リセットボタン | キャンバス左上ボタンで初期視点に戻す |
| 🔒 カメラロック / K キー | 視点を固定（回転・パンを禁止、ズームのみ可）。もう一度で解除 |
ナビゲーション
ツール上部のナビゲーションバーは、初回アクセス時に2秒間表示されたあと自動で畳まれます。中央のタブをクリックすると開閉できます。ブログトップ・ライブラリ・ヘルプへのリンクはここからアクセスできます。
素材の配置
右パネルのカテゴリ（石・流木・水草など）を開き、素材名をクリックすると水槽中央に配置されます。
- 配置後はドラッグで任意の位置へ移動できます
- 低床・水草は底面に自動吸着します
- 生体（魚など）は配置後に自動で泳ぎ出します
ブラシで配置：モス・カーペットプランツ
モスやカーペット系の水草は、ドラッグで塗るように配置できます。1個ずつクリックで置くのではなく、まとまった茂みを一度に作れます。
- モスブラシ：「水草」カテゴリの「モスブラシ」ボタンで開始。石・流木・低床の表面をドラッグするとモスが生えます。ブラシサイズはスライダーで調整、「全消去」でやり直せます。もう一度ボタンを押すと終了します。
- カーペットブラシ：「水草」カテゴリの「フリーハンドブラシ」から、まず植える水草を選び、ブラシサイズと密度（粗め・普通・細かい）を設定して「ブラシ開始」。低床をドラッグすると水草が広がります。「ブラシ終了（確定）」で配置を確定します。
選択アイテムの調整
アイテムをクリックして選択すると、スクロールホイールで各軸を調整できます。
| 操作 | 効果 |
|---|---|
| スクロール | Y軸回転 |
| Shift + スクロール | 高さ調整（上下） |
| Ctrl + スクロール | 前後傾き（X軸チルト） |
| Ctrl + Shift + スクロール | 左右傾き（Z軸チルト） |
| Alt + ドラッグ | アイテムを複製して移動 |
| ↑↓←→ キー | 選択中のアイテムを移動（0.5cm単位、Alt+ で0.1cmの微移動） |
| L キー | 選択中のアイテムをロック / 解除 |
ツールバーの削除ボタン（×）で選択中のアイテムを削除できます。
素材ロックボタン（🔒）または L キー でロック・解除ができます。ロック中は移動・削除・複製が無効になります。解除するには再度ボタンを押してください。
キーボードショートカット
素材を選択した状態で、キーボードからもすばやく操作できます。Mac では Ctrl の代わりに ⌘（Command）キーを使います。
| キー | 効果 |
|---|---|
| ↑↓←→ | 選択アイテムを移動（0.5cm） |
| Alt + ↑↓←→ | 微移動（0.1cm） |
| Shift + ↑↓ | 高さ調整（上げる・下げる） |
| Ctrl + ↑↓ | 前後の傾き |
| Ctrl + Shift + ↑↓ | 左右の傾き |
| Ctrl + G / Ctrl + Shift + G | グループ化 / グループ解除 |
| Ctrl + C | 選択アイテムをコピー |
| Ctrl + V / Ctrl + Shift + V | 貼り付け（少しずらして / 同じ位置に） |
| Ctrl + Z / Ctrl + Shift + Z | 元に戻す / やり直し |
| Ctrl + S / Ctrl + O | レイアウトを保存 / 開く |
| L | 選択アイテムをロック / 解除 |
| K | カメラロック（視点の回転・パンを固定 / 解除） |
| Delete / Backspace | 選択アイテムを削除 |
高さ・傾き・移動・コピー・グループ化は、グループやまとまりにもそのまま効きます。貼り付けはグループのまとまりを保ったまま複製します。元に戻す・やり直しは配置の操作全般に対応しています。
グループ化
複数の素材をまとめて一括移動できます。
- Shift + クリックで複数の素材を選択できます
- 2つ以上選択するとツールバーに「グループ」ボタンが表示されます。クリックするとひとつのまとまりとして扱われます
- グループ化後はどれか一つをドラッグするとグループ全体が動きます
- 「グループ解除」ボタンでまとまりを解除できます
低床エディター
右パネル「低床」から低床の形状・傾斜・高さを調整できます。
- プリセット（フラット・奥高前低・中央山）でベース形状を選択
- スライダーで前面・奥面・左右の傾き・中央の盛り上がりを個別に設定
- カラーボタンで黒ソイル・茶ソイル・大磯砂・白砂を切り替え
- カーペット草を配置中は「水草ロック」ボタンで底面固定モードに切り替えできます
設備の配置
右パネル「フィルター」「フィルターパイプ」「ライト」から設備を配置できます。
- フロア設備（外部フィルター）：底面に設置。スクロールで向きを調整できます
- リム設備（フィルターパイプ）：水槽の縁に沿って配置。ツールバーの回転ボタンで辺を切り替えます
- 照明：水槽上部に配置。Shift+スクロールで高さを変更できます
予算シミュレーター
プレビューエリア左下のアイコンをクリックすると予算シミュレーターが開きます。
- 水槽・水槽台・低床は常時表示。配置した素材は自動でリストに追加されます
- 各行の金額欄を直接入力して、Amazonで調べた価格に書き換えられます
- 合計金額はリアルタイムで更新されます
- 各カテゴリ下部の「Amazon で探す →」リンクから購入先を検索できます
レイアウトの保存・読み込み
右パネル上部のボタンからレイアウトデータをJSON形式で保存・読み込みできます。
- 保存：配置した素材に加え、水槽台の色・低床の色・水位・バックスクリーン・予算メモもJSONファイルに保存します
- 開く：保存したJSONを選択すると配置・設定を復元します
- 新規：配置をすべてクリアして最初からやり直します
- データはブラウザ外に送信されません（ローカル処理のみ）
FAQ
Q. 登録やアカウントは必要ですか？
A. 不要です。アクセスしてすぐ使えます。
Q. 作ったレイアウトはどこに保存されますか？
A. ブラウザのメモリ上にのみ存在します。タブを閉じると失われますので、「保存」ボタンでJSONファイルに書き出してください。
Q. スマートフォンやタブレットでも使えますか？
A. PCブラウザを推奨しています。タブレット（横向き）でも動作しますが、一部操作が制限されます。
Q. 表示が重い・動きが遅い場合は？
A. ブラウザを最新版にアップデートしてください。GPUアクセラレーションが有効になっていることも確認してみてください（Chrome: 設定 → システム → ハードウェアアクセラレーション）。
Q. バグや要望を伝えるには？
A. このサイトについてページのメールアドレスまでご連絡ください。