# Simple Minimap System with Exploration Reveal/シンプルな探索領域表示型ミニマップのGDScript **URL:** \ **Category:** ショーケース\ **Tags:** 日本語, english\ **Created:** [2025 年 8 月 22 日午前 7:47 UTC](https://guild.rpgmakerofficial.com/t/topic/769 "2025-08-22T07:47:24Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\ **Post date:** [2025 年 8 月 22 日午前 7:47 UTC](https://guild.rpgmakerofficial.com/t/topic/769/1 "2025-08-22T07:47:24Z")
キャラクターの動きに応じて探索済みの領域がだんだん明らかになっていくミニマップシステムです。 トップビューのゲームに向いていると思います。 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/a/ac02073d6aff7244b3cb49bfb3ea398126a43337.png) > ⚠ 本システムはAIを用いたvibecodingで作られており、細かい質問には回答できません・・・ChatGPT等にコードを読み込ませて質問することでカスタマイズできると思います。 ## サンプルプロジェクト: [minimap\_sample\_project.zip](https://guild.rpgmakerofficial.com/uploads/short-url/4E1ATnVQECljeSTimLp6FnIv0EK.zip) (19.2 KB) ## 使用方法： ## ◆事前準備 1. サンプルプロジェクトのMinimapフォルダの中身を任意のプロジェクトに読み込んでください。 2. minimap.tscnをUIレイヤーに配置します。 ## ◆Minimapノードのセットアップ 1. World Rectのx,yにミニマップに表示したい領域の **左上の座標を指定します。** 2. World Rectのw,hに表示したい領域の高さと幅を指定します。 3. Mask Sizeはミニマップの大きさです。 4. Reveal Radiusに、可視領域(霧の晴れていく広さ)を指定します。 5. Edge Softnessは可視領域の境界線の柔らかさ、Max Darknessは霧のこさを指定します通常は変更する必要はないと思います。 6. Player Pathはプレイヤーのゲームオブジェクトを指定します。 7. Rotate Markerが有効な場合キャラクターの回転に応じて現在地マーカーが回転します。 8. 最後にMinimapの位置と大きさをControl\>レイアウト\>トランスフォームのサイズと位置で指定します。 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/5/574ab6e6bbb1f76e1ca3aa0c8f46379fb3498f41.png) ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/c/c4a688837a50269331b137288a6980f6a3ce2c87.png) ## ◆Minimapノードの中身のセットアップ ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/8/829c1a6b1aa185b86758c21339342a5395e1a32f.png) 1. MiniMapノードを展開します。 2. MapSpriteのテクスチャに、「ミニマップの画像」を設定します。 3. Fogのテクスチャに「霧として使う画像」を設定します。通常ミニマップの画像と同じサイズで黒く塗りつぶされたものが良いでしょう。 4. Markerのテクスチャに「プレイヤーの現在地マーカーとして使いたい画像」を設定します。 上記手順を行えば自作のミニマップができる・・・ハズです。 ---
**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\ **Post date:** [2025 年 8 月 29 日午前 1:13 UTC](https://guild.rpgmakerofficial.com/t/topic/769/2 "2025-08-29T01:13:35Z")
これは、キャラクターが移動するにつれて探索した領域が徐々に可視化されるミニマップシステムです。 特にトップダウン（上から見た）ゲームに適しています。 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/a/ac02073d6aff7244b3cb49bfb3ea398126a43337.png) > ⚠ このシステムは AI ベースの「vibecoding」を使用して作成されたため、詳細な質問にはお答えできない場合があります。カスタマイズしたい場合は、コードを ChatGPT や同様のツールに読み込ませてサポートを受けてみてください。 * * * ## 📁 サンプルプロジェクト **ダウンロード** : [minimap\_sample\_project.zip](https://guild.rpgmakerofficial.com/uploads/short-url/4E1ATnVQECljeSTimLp6FnIv0EK.zip) (19.2 KB) * * * ## 🔧 使用方法 ### ① 準備 1. サンプルプロジェクトの `Minimap` フォルダの内容を、ご自身のプロジェクトにインポートします。 2. `minimap.tscn` シーンをゲームの **UI レイヤー** に配置します。 * * * ### ② ミニマップノードの設定 | プロパティ | 説明 | | --- | --- | | **World Rect (x, y)** | ミニマップに表示するワールド領域の左上座標を設定します。 | | **World Rect (w, h)** | ワールド領域の幅と高さを設定します。 | | **Mask Size** | ミニマップ表示のサイズです。 | | **Reveal Radius** | プレイヤーの周囲で可視化される半径（霧が晴れる範囲）です。 | | **Edge Softness** | 可視領域の端の柔らかさを設定します。通常は変更不要です。 | | **Max Darkness** | 未探索の霧の透明度レベルです。デフォルト値で問題ない場合が多いです。 | | **Player Path** | プレイヤーのゲームオブジェクトをここに割り当てます。 | | **Rotate Marker** | 有効にすると、マーカーがプレイヤーの回転に合わせて回転します。 | 最後に、`Control > Layout > Transform` を使用してミニマップの **位置とサイズ** を調整してください。 * * * ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/5/574ab6e6bbb1f76e1ca3aa0c8f46379fb3498f41.png) ### ③ ミニマップノードの内部設定 シーンツリーで `Minimap` ノードを展開します。 | ノード | 説明 | | --- | --- | | **MapSprite** | ミニマップの背景テクスチャ（例：マップ画像）を割り当てます。 | | **Fog** | 霧のテクスチャを割り当てます（通常はミニマップと同じサイズの黒い画像）。 | | **Marker** | プレイヤーの現在位置を表すアイコンテクスチャを割り当てます。 | ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/8/829c1a6b1aa185b86758c21339342a5395e1a32f.png)