设为首页收藏本站|繁體中文

Project1

 找回密码
 注册会员
搜索
查看: 12310|回复: 30

[原创发布] 【插件】地图显示小地图

[复制链接]

Lv3.寻梦者

梦石
0
星屑
2488
在线时间
4347 小时
注册时间
2008-6-12
帖子
794
发表于 2015-11-23 22:19:49 | 显示全部楼层 |阅读模式

加入我们,或者,欢迎回来。

您需要 登录 才可以下载或查看,没有帐号?注册会员

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

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

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

效果1:只要你有耐心,城镇中的不同建筑物颜色都可以标记出来
MiniMap.jpg

效果2:更智能的提醒玩家出入口位置
MiniMap1.jpg

修正方法:利用区块region id功能
MiniMap2.png

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

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. * 使用方法是在地图的备注中加入<mini_map> 就会自动显示小地图,您可以通过打开开关
  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.                 return true;
  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.                 } else if (!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.                                         case 0:
  85.                                                 break;
  86.                                         case 1:
  87.                                                 color = [255,255,255,212];
  88.                                                 break;
  89.                                         case 2:
  90.                                                 color = [95, 147, 207, 212];
  91.                                                 break;
  92.                                         case 3:
  93.                                                 color = [128, 128, 128, 212];
  94.                                                 break;
  95.                                         case 4:
  96.                                                 color = [125,256,75,212];
  97.                                                 break;
  98.                                         case 5:
  99.                                                 color = [11,43,68,212];
  100.                                                 break;
  101.                                         case 6:
  102.                                                 color = [74,135,65,212];
  103.                                                 break;
  104.                                         case 7:
  105.                                                 color = [144,9,24,212];
  106.                                                 break;
  107.                                         case 8:
  108.                                                 color = [140,90,53,212];
  109.                                                 break;
  110.                                         case 9:
  111.                                                 color = [40,32,47,212];
  112.                                                 break;
  113.                                         case 10:
  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. })();


MrLiu_MiniMap.rar

36.97 KB, 下载次数: 1250

点评

很赞,有一种Minecraft的既视感(跑  发表于 2016-4-18 15:02
改了宽屏分辨率minimap.png没对齐,谢谢修复  发表于 2015-11-24 14:16

评分

参与人数 8星屑 +306 梦石 +2 +3 收起 理由
FriendsMind + 1 好用,感謝!
yueshiguili112 + 1 精品文章
jack2396 + 1 塞糖
orzfly + 20 塞糖
柳岳枫 + 90
longshili + 30 塞糖
余烬之中 + 66 + 2 图书馆收录
LBQ + 100 真效率

查看全部评分

本人三无老人,请大神轻拍

Lv1.梦旅人

梦石
0
星屑
48
在线时间
784 小时
注册时间
2013-1-4
帖子
1102
发表于 2015-11-24 00:01:31 | 显示全部楼层
实时绘制?

点评

是吗,这边测试在我的姥爷机还有部分网游反映的手机上会很卡。我在写这几个插件的时候尽量做到优化 效率。精打细算惯了  发表于 2015-11-24 11:31
对MV来说空间换时间还是值得的  发表于 2015-11-24 11:28
考虑过这种方式,怕增加大家的游戏体积。谢谢您的建议,后续版本我会考虑的  发表于 2015-11-24 11:22
其实可以预先绘制,然后保存图片。这样发布之前跑一次代码就可以了  发表于 2015-11-24 10:37
地图载入的时候绘制一次。不会掉fps  发表于 2015-11-24 07:58
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
85
在线时间
178 小时
注册时间
2015-5-15
帖子
43
发表于 2015-11-24 06:53:56 手机端发表。 | 显示全部楼层
太好了,希望大神能写个MV版的XAS插件

点评

歪果仁应该会写吧  发表于 2015-11-24 08:00
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
50
在线时间
171 小时
注册时间
2013-8-6
帖子
101
发表于 2015-11-24 16:24:07 | 显示全部楼层
改了宽屏分辨率minimap.png没有和地图对齐,在屏幕中间,谢谢修复

点评

这个样子,谢谢  发表于 2015-11-24 20:32
在PS中修改文件即可,我不知道您的游戏分辨率是多少  发表于 2015-11-24 16:45
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
57
在线时间
103 小时
注册时间
2015-11-30
帖子
30
发表于 2015-12-4 19:49:50 | 显示全部楼层
大哥还是厉害。。
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
59
在线时间
44 小时
注册时间
2015-5-11
帖子
32
发表于 2015-12-29 22:57:40 | 显示全部楼层
这个JavaScript脚本咋个用的?
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
50
在线时间
47 小时
注册时间
2015-12-3
帖子
67
发表于 2015-12-30 14:02:42 | 显示全部楼层
能不能改成按M或某个键开启关闭地图啊。

点评

不会弄啊,MV的条件分歧里没有M按键啊,,,,就那几个.调用脚本是啥啊  发表于 2015-12-30 15:36
插件默认打开49号开关小地图关闭,您可以设置一个公共事件,如果按下M键则49号开关关闭(即打开地图),再按一下M键则49号开关开启(即关闭地图  发表于 2015-12-30 14:37
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
55
在线时间
337 小时
注册时间
2009-5-15
帖子
111
发表于 2016-1-4 21:49:44 | 显示全部楼层
楼主您好,您的插件真的很不错,很适合做一些迷宫类的游戏。

对于脚 本新手来说,想做一些简单的改进,如在菜单scene里新增一个窗口,在窗口当中显示小地图。

不知楼主是否可以提供菜单版本,或者能够提供一些简单的修改思路,万分感谢。
敌人自动排列系统    1/1
技能类型着色   1/1
物品着色     0/1
仿网游强化系统    0/1
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
1043
在线时间
4 小时
注册时间
2015-2-14
帖子
3
发表于 2016-1-22 14:37:37 | 显示全部楼层
插件怎么用呀?放在js文件夹没用

点评

脚本中有说明,这么不认真.在所在地图的备注中加入<mini_map>  发表于 2016-3-5 19:24
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
85
在线时间
267 小时
注册时间
2010-12-22
帖子
21
发表于 2016-2-16 13:18:09 | 显示全部楼层
minimap 有辦法只顯示玩家附近的區域嗎? 移動之後minmap繪製的區域會跟著改變
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

拿上你的纸笔,建造一个属于你的梦想世界,加入吧。
 注册会员
找回密码

站长信箱:fux2@moe9th.com|手机版|小黑屋|无图版|Project1游戏制作

GMT+8, 2020-1-20 11:47

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表