ミニゲーム: ペイントツール

概要

Windows 風の UI で 960×540 ピクセルのキャンバスに描画できるドロー系ユーティリティです。 ミニゲーム起動時には直近の設定とキャンバス内容を自動で復元し、描き途中の作品をすぐに再開できます。

画面構成

• タイトルバー：ファイル名の先頭に * が付いている場合は未保存の変更があります。右端の「×」から終了する際も、未保存なら確認ダイアログが表示されます。
• リボン：ファイル操作ボタン（新規・読み込み・保存・名前を付けて保存・エクスポート・クリア・グリッド切り替え）と、履歴ボタン（元に戻す / やり直す）、ツール選択、サイズ／ズーム、カラーエリアが並びます。
• キャンバス領域：中央にキャンバス、本体メニューからのズーム値に応じて拡大縮小されます。オプションで 16px 間隔のグリッドを重ねられます。
• ステータスバー：カーソル座標、ブラシ太さ、ズーム値、セッション中に獲得した経験値を表示します。

ツール一覧

リボンのツールボタンをクリックすると、以下の描画モードを切り替えられます。いずれも右クリックで「背景色（セカンダリカラー）」、左クリックで「前景色（プライマリカラー）」を使用します。

• ブラシ / 鉛筆 / マーカー / 消しゴム：フリーハンド描画。マーカーは半透明、消しゴムは白色で塗りつぶします。
• 直線：ドラッグ開始点から終了点まで線を引きます。Shift を押しながらドラッグすると 45 度刻みで角度をスナップします。
• 四角 / 楕円：ドラッグした範囲に図形を描画します。Shift で正方形／正円に固定し、リボンの「形を塗りつぶす」ボタンで枠線のみ／塗りつぶしを切り替えます。
• 塗りつぶし：クリックした地点と同色の領域を一括で塗り替えます。
• スポイト：キャンバス上の色を取得します。左クリックで前景色、右クリックで背景色に設定します。

Undo/Redo の履歴は最大 20 ステップで保持されます。線や図形の描画はボタンを離した瞬間に 1 ステップとして確定します。

色の管理

• プレビューの上下にある色見本をクリックするとカラーピッカーで任意色を設定できます。中央の ↔ ボタンで前景色と背景色を入れ替え可能です。
• パレットの色チップを左クリックすると前景色、右クリック（長押し）すると背景色として登録できます。
• スポイトツールを使うとキャンバス上の色を直接取得できます。

サイズ・ズーム

• ブラシサイズは 1〜96px の範囲でスライダー調整できます。ステータスバーにも現在値が表示されます。
• ズームは 50〜200% を連続調整でき、キャンバス枠全体が拡縮します。エクスポートされる画像サイズは常に 960×540 のままです。

ファイル操作と保存

• 新規：キャンバスを白紙にし、ファイル名を既定値に戻します。未保存の変更がある場合は確認ダイアログが表示されます。
• 読み込み：画像ファイル（PNG/JPEG など）を選択すると、キャンバス内に収まるよう等倍率で縮小し中央配置します。
• 保存：初回または既定名のままの場合はファイル名入力を促し、PNG 形式でダウンロードします。
• 名前を付けて保存：常にファイル名入力ダイアログを開きます。
• エクスポート：現在のファイル名で即座に PNG として保存します（保存ボタンと同じ処理）。
• クリア：キャンバスを白紙にします。未保存の場合は確認ダイアログが出ます。
• グリッド：16px 間隔の補助線を ON/OFF します。設定は次回起動時にも保存されます。

直近のキャンバス画像・選択ツール・色・グリッド・ズームなどはブラウザのローカルストレージに保存され、再起動時に自動復元されます。

操作方法

• 左クリックで前景色、右クリックで背景色を使って描画します（塗りつぶし・スポイトも同様）。
• ドラッグで線や図形を描画します。途中で Shift を押すと角度や縦横比が固定されます。
• キーボードショートカット：Ctrl+Z（元に戻す）、Ctrl+Y（やり直す）、Ctrl+S（保存）、Ctrl+Shift+S（名前を付けて保存）、Ctrl+O（読み込み）、Ctrl+N（新規）。

経験値の獲得

ミニペイントは操作内容に応じて MiniExp の経験値を付与します。

• 線描画：一定間隔で +1 XP
• 塗りつぶし：+3 XP
• 図形（直線／四角／楕円）の確定：+2 XP
• 新規キャンバス作成：+1 XP
• 画像読み込み：+5 XP
• 保存／エクスポート：+8 XP

獲得状況はステータスバーの「獲得EXP」に表示され、ゲーム終了時のスコアとしても利用されます。

コツと注意点

• ペンツールで細部を描く際はズームを上げ、仕上げで 100% に戻してバランスを確認すると整いやすくなります。
• 頻繁に保存しておくとクラッシュ時のロスを防げます。保存後はタイトルバーの * が消え、最新状態がローカルストレージにも反映されます。
• 読み込んだ画像はキャンバス内に収まる最大サイズで配置されるため、細部編集が必要な場合はズームを活用してください。