【插件】地图显示小地图

じ☆ve冰风

这个插件的写法借鉴了rpg maker web 上的Hajime Hoshi的MiniMap的算法。
我的初衷是模仿空之轨迹系列的小地图，国外已经有好几个版本的小地图了，但是都不智能。
如果玩家用默认的插件画出来的地图歪瓜裂枣，我的这个插件意在帮助玩家在自动绘制
的基础之上可以根据自己需求进行调整，绘制出诸如场景出入口，旅馆，一般建筑，教堂，武器店等，
让玩家一目了然。同时该小地图会在人物对话或者事件执行或者打开开关的时候自动隐藏，不会永远
傻儿吧唧的在那里不解风情的。

接下来的版本会考虑配合我的世界地图插件和迷雾探索插件的，敬请期待。

最后，诚挚的感谢我的好友高须小龙提供的图片素材，他亲自做的哦~~~

效果1：只要你有耐心，城镇中的不同建筑物颜色都可以标记出来


效果2：更智能的提醒玩家出入口位置


修正方法：利用区块region id功能


请将这个文件放在pictures目录下


JAVASCRIPT 代码下载

1. //=============================================================================
   
2. // MrLiu_MiniMap.js
   
3. //=============================================================================
   
4. /*:
   
5. * @plugindesc 在RMMV游戏的地图界面上显示小地图
   
6. * @author MrLiu-过眼云烟
   
7. * @param NotShowMiniMap
   
8. * @desc 开启此开关则不显示小地图，多用于剧情等特殊场景。
   
9. * @default 49
   
10. *
    
11. * @help 这个插件的写法借鉴了rpg maker web 上的Hajime Hoshi的MiniMap的算法
    
12. * 使用方法是在地图的备注中加入 就会自动显示小地图，您可以通过打开开关
    
13. * 或者NPC对话或者事件页运行的时候会自动隐藏。您可自行修改本插件78行--110行对应的区块
    
14. * 颜色。实现您在小地图上的修改。能够更智能的画出您满意的小地图。请将minimap.png文件
    
15. * 放在picture目录下，UI图片制作者是我的好友高须小龙，在此对他致以诚挚的感谢。
    
16. * 目前我已经创建的图块颜色对应如下：1.边界[255,255,255,255] 2.通行补充[95, 147, 207, 212] 3不可通行补充[128, 128, 128, 192]4.场景出入口[255,256,75,50]
    
17. * 5.一般建筑[11,43,68,206] 6.商店[74,135,65,112]7.冒险者工会[144,9,24,255]8.教会[140,90,53,26]9.旅馆[40,32,47,25]
    
18. * 您可进行随意修改。
    
19. */
    
20. 
    
21. 
    
22. 
    
23. 
    
24. var parameters = PluginManager.parameters('MrLiu_MiniMap');
    
25. var notShowSwitch = Number(parameters['NotShowMiniMap']);
    
26. 
    
27. 
    
28. (function(){
    
29.     var miniMapBitmaps = {};
    
30. 
    
31.     var MINI_MAP_MARGIN = 50;
    
32.     var MINI_MAP_SIZE = 150;//184;
    
33.     var POSITION_RADIUS = 4;
    
34.     var COLORS = {
    
35.         'walk':     [95, 147, 207, 212],
    
36.         'mountain': [255, 255, 255, 0],//224
    
37.         'other':    [128, 128, 128, 0],//192
    
38.     };
    
39.     Bitmap.prototype.replacePixels = function(pixels){
    
40.         var imageData = this._context.createImageData(this.width, this.height);
    
41.         imageData.data.set(pixels);
    
42.         this._context.putImageData(imageData, 0, 0);
    
43.         this._setDirty();
    
44.     };
    
45. 
    
46.     function isWater(gameMap, x, y){
    
47.         if(gameMap.isOverworld()){
    
48.             var tileId = gameMap.autotileType(x, y, 0);//regionId
    
49.             if([0, 1, 2, 3, 7].some(function(id){
    
50.                 return id === tileId;
    
51.             })){
    
52.                 returntrue;
    
53.             }
    
54.         }
    
55.         return gameMap.isShipPassable(x, y);
    
56.     }
    
57. 
    
58.     var Scene_Map_onMapLoaded = Scene_Map.prototype.onMapLoaded;
    
59.     Scene_Map.prototype.onMapLoaded = function(){
    
60.         Scene_Map_onMapLoaded.call(this);
    
61.         if(!$dataMap.meta.mini_map){
    
62.             return;
    
63.         }
    
64.         if($gameMap.mapId()in miniMapBitmaps){
    
65.             return;
    
66.         }
    
67.         var pixels = new Uint8Array(4 * $dataMap.width * $dataMap.height);
    
68.         var p = 0;
    
69.         for(var j = 0; j < $dataMap.height; j++){
    
70.             for(var i = 0; i < $dataMap.width; i++){
    
71.                 var color = null;
    
72.                 if($gameMap.checkPassage(i, j, 0x0f)){
    
73.                     color = COLORS['walk'];
    
74.                 }elseif(!isWater($gameMap, i, j)){
    
75.                     color = COLORS['mountain'];
    
76.                                 }else{
    
77.                     color = COLORS['other'];
    
78.                 }
    
79. /*1.边界[255,255,255,255] 2.通行补充[95, 147, 207, 212] 3不可通行补充[128, 128, 128, 192]4.场景出入口[255,256,75,50]
    
80. 5.一般建筑[11,43,68,206] 6.商店[74,135,65,112]7.冒险者工会[144,9,24,255]8.教会[140,90,53,26]9.旅馆[40,32,47,255]
    
81. 
    
82. */
    
83.                                 switch($gameMap.regionId(i, j)){
    
84.                                         case0:
    
85.                                                 break;
    
86.                                         case1:
    
87.                                                 color = [255,255,255,212];
    
88.                                                 break;
    
89.                                         case2:
    
90.                                                 color = [95, 147, 207, 212];
    
91.                                                 break;
    
92.                                         case3:
    
93.                                                 color = [128, 128, 128, 212];
    
94.                                                 break;
    
95.                                         case4:
    
96.                                                 color = [125,256,75,212];
    
97.                                                 break;
    
98.                                         case5:
    
99.                                                 color = [11,43,68,212];
    
100.                                                 break;
     
101.                                         case6:
     
102.                                                 color = [74,135,65,212];
     
103.                                                 break;
     
104.                                         case7:
     
105.                                                 color = [144,9,24,212];
     
106.                                                 break;
     
107.                                         case8:
     
108.                                                 color = [140,90,53,212];
     
109.                                                 break;
     
110.                                         case9:
     
111.                                                 color = [40,32,47,212];
     
112.                                                 break;
     
113.                                         case10:
     
114.                                                 color = [74,135,65,212];
     
115.                                                 break;                                                                                                                                                                                                                                                                                                                                               
     
116.                                 };
     
117. 
     
118.                                 //console.log($gameMap.regionId(i, j));
     
119.                 pixels[p]   = color[0];
     
120.                 pixels[p+1] = color[1];
     
121.                 pixels[p+2] = color[2];
     
122.                 pixels[p+3] = color[3];
     
123.                 p += 4;
     
124.             }
     
125.         }
     
126.         var bitmap = new Bitmap($dataMap.width, $dataMap.height);
     
127.         bitmap.replacePixels(pixels);
     
128.         miniMapBitmaps[$gameMap.mapId()] = bitmap;
     
129.     };
     
130. 
     
131.     var Spriteset_Map_createUpperLayer = Spriteset_Map.prototype.createUpperLayer;
     
132.     Spriteset_Map.prototype.createUpperLayer = function(){
     
133.         Spriteset_Map_createUpperLayer.call(this);
     
134.         this.createMiniMap();
     
135.     };
     
136. 
     
137.     Spriteset_Map.prototype.createMiniMap = function(){
     
138.                 this._miniMapUI = new Sprite();
     
139.                 this._miniMapUI.bitmap = ImageManager.loadPicture('minimap');
     
140.         this.addChild(this._miniMapUI);
     
141.                 this._miniMapSprite = new Sprite();
     
142.                 this.addChild(this._miniMapUI);
     
143.                 this._miniMapSprite = new Sprite();
     
144.         this._miniMapCurrentPositionSprite = new Sprite();
     
145.         var positionBitmap = new Bitmap(POSITION_RADIUS * 2, POSITION_RADIUS * 2);
     
146.         positionBitmap.drawCircle(POSITION_RADIUS, POSITION_RADIUS, POSITION_RADIUS, '#ff0000');
     
147.         this._miniMapCurrentPositionSprite.bitmap = positionBitmap;
     
148.         this.addChild(this._miniMapSprite);
     
149.         this.addChild(this._miniMapCurrentPositionSprite);
     
150.     };
     
151. 
     
152.     var Spriteset_Map_update = Spriteset_Map.prototype.update;
     
153.     Spriteset_Map.prototype.update = function(){
     
154.         Spriteset_Map_update.call(this);
     
155.         this.updateMiniMap();
     
156.     };
     
157. 
     
158.     Spriteset_Map.prototype.updateMiniMap = function(){
     
159.         var miniMapBitmap = miniMapBitmaps[$gameMap.mapId()];
     
160.         if(!miniMapBitmap ||($gameMap._interpreter.isRunning()) || ($gameSwitches.value(notShowSwitch) == true)){
     
161.             this._miniMapSprite.visible = false;
     
162.             this._miniMapCurrentPositionSprite.visible = false;
     
163.                         this._miniMapUI.visible = false;
     
164.             return;
     
165.         }
     
166.         var size = Math.max(miniMapBitmap.width, miniMapBitmap.height);
     
167.         var miniMapScale = MINI_MAP_SIZE / size;
     
168.         var miniMapX = Graphics.width - miniMapBitmap.width * miniMapScale - MINI_MAP_MARGIN;
     
169.         var miniMapY = MINI_MAP_MARGIN;;//Graphics.height - miniMapBitmap.height * miniMapScale - MINI_MAP_MARGIN;
     
170.         this._miniMapSprite.bitmap = miniMapBitmap;
     
171.         this._miniMapSprite.x = miniMapX;
     
172.         this._miniMapSprite.y = miniMapY;
     
173.         this._miniMapSprite.scale.x = miniMapScale;
     
174.         this._miniMapSprite.scale.y = miniMapScale;
     
175.         this._miniMapCurrentPositionSprite.x = miniMapX + ($gamePlayer.x * miniMapScale) - POSITION_RADIUS;
     
176.         this._miniMapCurrentPositionSprite.y = miniMapY + ($gamePlayer.y * miniMapScale) - POSITION_RADIUS;
     
177.                 this._miniMapUI.visible = true;
     
178.         this._miniMapSprite.visible = true;
     
179.         this._miniMapCurrentPositionSprite.visible = true;
     
180.     };
     
181. 
     
182. })();

复制代码

             本帖来自P1论坛作者过眼云烟，因Project1站服务器在国外有时候访问缓慢不方便作者交流学习，经联系P1站长fux2同意署名转载一起分享游戏制作经验，共同为国内独立游戏作者共同创造良好交流环境，原文地址：https://rpg. blue/forum.php?mod=viewthread&tid=386155  若有侵权，发帖作者可联系底部站长QQ在线咨询功能删除，谢谢。