设为首页收藏本站同能贴吧购买充值卡
开启辅助访问 切换到窄版

登录  | 立即注册

游客您好！登录后享受更多精彩

TNXP
TNXP
页游星
页游星
RMMV
RMMV
RMMZ
RMMZ
搜索附件  
同能RPG制作大师 › 附件中心 › 同能RM技术讨论区 › RPG Maker MV 讨论区 › 【RMMV】美化地图专用：Overlay Mapping by 思维伯克 v1.3: Overlay.zip

板块导航

热门下载

附件中心&附件聚合2.0
For Discuz! X2.5 © hgcad.com

【RMMV】美化地图专用：Overlay Mapping by 思维伯克 v1.3: Overlay.zip

 

【RMMV】美化地图专用：Overlay Mapping by 思维伯克 v1.3:
（反正也没有人看）因为一些原因重新找出了之前写的代码，修正了一些bug之后更新到了v1.3版。详细请见帖子后半部分的更新log。

在XP/VX/VA中使用遮罩描绘地图上瘾的同学，到了RMMV中没有相关脚本怎么行？于是在MV到货后，捣鼓了几个小时的代码，1.0版本的Overlay Mapping诞生了。

先来张图


具体功能和VA中的Yami Script Ace - Overlay Mapping基本相同，唯一区别在于light和shadow整合成了同一个图层(light)，并且所有的图像都必须是png格式(YSA的light和shadow使用图像的加法和减法用jpg实现的)。
由于MV有脚本管理器，所以请将脚本放入工程目录中 js/plugins文件夹后，打开脚本管理器添加该脚本。如下图所示：



开关和变量编号在此设置，在游戏中修改开关为ON即启用对应图层；修改变量的值对应启用第几号图层。
使用方法在脚本的help里有简短说明，可以参考该说明操作。

脚本内容如下：
JAVASCRIPT 代码
  1. //=============================================================================
  2. // Overlay.js
  3. //=============================================================================
  4. /*:
  5. * @plugindesc Overlay Mapping script by SWEBOK v1.3
  6. * @author SWEBOK
  7. *
  8. * @param Light Switch
  9. * @desc Turn on/off light layer
  10. * @default 1
  11. *
  12. * @param Parallax Switch
  13. * @desc Turn on/off parallax layer
  14. * @default 2
  15. *
  16. * @param Ground Switch
  17. * @desc Turn on/off ground layer
  18. * @default 3
  19. *
  20. * @param Light Variable
  21. * @desc Switch to another light
  22. * @default 1
  23. *
  24. * @param Parallax Variable
  25. * @desc Switch to another parallax
  26. * @default 2
  27. *
  28. * @param Ground Variable
  29. * @desc Switch to another ground
  30. * @default 3
  31. *
  32. * @help This plugin does not provide plugin commands.
  33. *
  34. * Last Updated: 02/11/2017
  35. *     v1.0 - 10/24/2015 - first release.
  36. *     v1.1 - 10/27/2015 - upper tilemap layer problem solved
  37. *     v1.2 - 07/10/2016 - add map note tag settings, remove load pic error process
  38. *     v1.3 - 02/11/2017 - fixed a problem about ground pic wrong position
  39. *
  40. * This script will automatically load map's overlay by map's note, and a map can have more than
  41. * one image per layer, so you don't have to create two or more map just for day/night or
  42. * when an event occur.
  43. *
  44. * Create a folder in img and name it overlay.
  45. * Put all of your overlay into img/overlay.
  46. * Your overlay file will have the name set in map's note + "-" + Number.
  47. * Number is 1, 2, 3, ... using for Overlay Variables.
  48. *
  49. * Example: img/overlay/ground2-1.png
  50. *
  51. * Map note example:
  52. *        
  53. *                LIGHT = light1
  54. *                PARALLAX = par1
  55. *                GROUND = ground1
  56. *        
  57. *
  58. * when variable are 1, the map loads light1-1.png, par1-1.png, ground1-1.png from overlay folder.
  59. *
  60. * Tips:
  61. * All pictures must be .png
  62. * Do not use "=" in the names of pictures
  63. */
  65. (function(){
  66.         var parameters = PluginManager.parameters('Overlay');
  67.         var lightSwitch = Number(parameters['Light Switch'] || 1);
  68.         var parallaxSwitch = Number(parameters['Parallax Switch'] || 2);
  69.         var groundSwitch = Number(parameters['Ground Switch'] || 3);
  70.         var lightVariable = Number(parameters['Light Variable'] || 1);
  71.         var parallaxVariable = Number(parameters['Parallax Variable'] || 2);
  72.         var groundVariable = Number(parameters['Ground Variable'] || 3);
  74.         Game_Map.prototype.processMapNotetags = function(){
  75.                 var note1 = //i;
  76.                 var note2 = //i;
  78.                 var notedata = $dataMap.note.split(/[\r\n]+/);
  80.                 this.layerNameEval = '';
  81.                 var layerNameEval = false;
  82.                 this._layerName = ['', '', ''];
  85.                 for(var i = 0; i < notedata.length; i++){
  86.                         var line = notedata[i];
  87.                         console.log(line);
  88.                         if(line.match(note1)){
  89.                                 layerNameEval = true;
  90.                         }elseif(line.match(note2)){
  91.                                 layerNameEval = false;
  92.                         }elseif(layerNameEval){
  93.                                 this.layerNameEval = line;
  94.                                 var layerClass = this.layerNameEval.split('=')[0].trim();
  95.                                 var index = 1;
  96.                                 if(index != -1){
  97.                                         switch(layerClass){
  98.                                                 case'LIGHT':
  99.                                                         this._layerName[0] = this.layerNameEval.split('=')[1].trim();
  100.                                                         break;
  101.                                                 case'PARALLAX':
  102.                                                         this._layerName[1] = this.layerNameEval.split('=')[1].trim();
  103.                                                         break;
  104.                                                 case'GROUND':
  105.                                                         this._layerName[2] = this.layerNameEval.split('=')[1].trim();
  106.                                                         break;
  107.                                         }
  108.                                         console.log(this.layerNameEval.split('=')[1].trim());
  109.                                 }
  110.                         }
  111.                 }
  112.         };
  114.         ImageManager.loadOverlay = function(filename, hue){
  115.                 returnthis.loadBitmap('img/overlay/', filename, hue, false);
  116.         };
  118.         Spriteset_Map.prototype.initialize = function(){
  119.                 Spriteset_Base.prototype.initialize.call(this);
  120.                 this.processMapNotetags();
  121.         };
  123.         Spriteset_Map.prototype.createLowerLayer = function(){
  124.                 Spriteset_Base.prototype.createLowerLayer.call(this);
  125.                 this.createParallax();
  126.                 this.createTilemap();
  127.                 this.createOverlayGround();
  128.                 this.createCharacters();
  129.                 this.createOverlayParallax();
  130.                 this.createShadow();
  131.                 this.createOverlayLight();
  132.                 this.createDestination();
  133.                 this.createWeather();
  134.         };
  136.         Spriteset_Map.prototype.update = function(){
  137.                 Spriteset_Base.prototype.update.call(this);
  138.                 this.updateTileset();
  139.                 this.updateParallax();
  140.                 this.updateTilemap();
  141.                 this.updateOverlayGround();
  142.                 this.updateOverlayParallax();
  143.                 this.updateShadow();
  144.                 this.updateOverlayLight();
  145.                 this.updateWeather();
  146.         };
  148.         Spriteset_Map.prototype.processMapNotetags = function(){
  149.                 $gameMap.processMapNotetags();
  150.         };
  152.         Spriteset_Map.prototype.createOverlayGround = function(){
  153.                 this._overlayGround = new TilingSprite();
  154.                 this._overlayGround.move(0, 0, Graphics.width, Graphics.height);
  155.                 // 2017.2.11 create new layer in tilemap for overlay ground, z = 1
  156.                 var groundLayer = new Sprite();
  157.                 this._tilemap.addChild(groundLayer);
  158.                 groundLayer.z = 1;
  159.                 groundLayer.addChild(this._overlayGround);
  160.         };
  162.         Spriteset_Map.prototype.createCharacters = function(){
  163.                 this._characterSprites = [];
  164.                 $gameMap.events().forEach(function(event){
  165.                         this._characterSprites.push(new Sprite_Character(event));
  166.                 }, this);
  167.                 $gameMap.vehicles().forEach(function(vehicle){
  168.                         this._characterSprites.push(new Sprite_Character(vehicle));
  169.                 }, this);
  170.                 $gamePlayer.followers().reverseEach(function(follower){
  171.                         this._characterSprites.push(new Sprite_Character(follower));
  172.                 }, this);
  173.                 this._characterSprites.push(new Sprite_Character($gamePlayer));
  174.                 for(var i = 0; i < this._characterSprites.length; i++){
  175.                         this._tilemap.addChild(this._characterSprites[i]);
  176.                 }
  177.         };
  179.         Spriteset_Map.prototype.createOverlayParallax = function(){
  180.                 this._overlayParallax = new TilingSprite();
  181.                 this._overlayParallax.move(0, 0, Graphics.width, Graphics.height);
  182.                 this._baseSprite.addChild(this._overlayParallax);
  183.         };
  185.         Spriteset_Map.prototype.createOverlayLight = function(){
  186.                 this._overlayLight = new TilingSprite();
  187.                 this._overlayLight.move(0, 0, Graphics.width, Graphics.height);
  188.                 this._baseSprite.addChild(this._overlayLight);
  189.         };
  192.         Spriteset_Map.prototype.updateOverlayGround = function(){
  193.                 var gndSwitch = $gameSwitches.value(groundSwitch);
  194.                 if(gndSwitch){
  195.                         var groundIndex = $gameVariables.value(groundVariable);
  196.                         if(this._overlayGroundName !== $gameMap._layerName[2] + '-' + groundIndex){
  197.                                 this._overlayGroundName = $gameMap._layerName[2] + '-' + groundIndex;
  198.                                 if($gameMap._layerName[2] !== ''){
  199.                                         this._overlayGround.bitmap = ImageManager.loadOverlay(this._overlayGroundName);
  200.                                 }else{
  201.                                         this._overlayGround.bitmap = ImageManager.loadEmptyBitmap();
  202.                                 }
  203.                         }
  204.                         if(this._overlayGround.bitmap){
  205.                                 this._overlayGround.origin.x = $gameMap.displayX() * $gameMap.tileWidth();
  206.                                 this._overlayGround.origin.y = $gameMap.displayY() * $gameMap.tileHeight();
  207.                         }
  208.                 }
  209.                 else{
  210.                         if(this._overlayGroundName !== ''){
  211.                                 this._overlayGroundName = '';
  212.                                 this._overlayGround.bitmap = ImageManager.loadEmptyBitmap();
  213.                         }
  214.                 }
  215.         };
  217.         Spriteset_Map.prototype.updateOverlayParallax = function(){
  218.                 var parSwitch = $gameSwitches.value(parallaxSwitch);
  219.                 if(parSwitch){
  220.                         var parIndex = $gameVariables.value(parallaxVariable);
  221.                         if(this._overlayParallaxName !== $gameMap._layerName[1] + '-' + parIndex){
  222.                                 this._overlayParallaxName = $gameMap._layerName[1] + '-' + parIndex;
  223.                                 if($gameMap._layerName[1] !== ''){
  224.                                         this._overlayParallax.bitmap = ImageManager.loadOverlay(this._overlayParallaxName);
  225.                                 }else{
  226.                                         this._overlayParallax.bitmap = ImageManager.loadEmptyBitmap();
  227.                                 }
  228.                         }
  229.                         if(this._overlayParallax.bitmap){
  230.                                 this._overlayParallax.origin.x = $gameMap.displayX() * $gameMap.tileWidth();
  231.                                 this._overlayParallax.origin.y = $gameMap.displayY() * $gameMap.tileHeight();
  232.                         }
  233.                 }
  234.                 else{
  235.                         if(this._overlayParallaxName !== ''){
  236.                                 this._overlayParallaxName = '';
  237.                                 this._overlayParallax.bitmap = ImageManager.loadEmptyBitmap();
  238.                         }
  239.                 }
  240.         };
  242.         Spriteset_Map.prototype.updateOverlayLight = function(){
  243.                 var liSwitch = $gameSwitches.value(lightSwitch);
  244.                 if(liSwitch){
  245.                         var lightIndex = $gameVariables.value(lightVariable);
  246.                         if(this._overlayLightName !== $gameMap._layerName[0] + '-' + lightIndex){
  247.                                 this._overlayLightName = $gameMap._layerName[0] + '-' + lightIndex;
  248.                                 if($gameMap._layerName[0] !== ''){
  249.                                         this._overlayLight.bitmap = ImageManager.loadOverlay(this._overlayLightName);
  250.                                 }else{
  251.                                         this._overlayLight.bitmap = ImageManager.loadEmptyBitmap();
  252.                                 }
  253.                         }
  254.                         if(this._overlayLight.bitmap){
  255.                                 this._overlayLight.origin.x = $gameMap.displayX() * $gameMap.tileWidth();
  256.                                 this._overlayLight.origin.y = $gameMap.displayY() * $gameMap.tileHeight();
  257.                         }
  258.                 }
  259.                 else{
  260.                         if(this._overlayLightName !== ''){
  261.                                 this._overlayLightName = '';
  262.                                 this._overlayLight.bitmap = ImageManager.loadEmptyBitmap();
  263.                         }
  264.                 }
  265.         };
  266. })();
复制代码


以下链接为JS文件：

以下链接为范例工程：

PS: 1. 为了节省空间，已将所有自带audio和img文件全部删除，请在使用前补齐所有文件。
      2. 范例工程修改了默认字体，如果有显示上的问题请在脚本管理器中关掉。
      3. 该js脚本将load image时缺失文件报错处理改为了显示一个空bitmap，需要还原报错处理的童鞋删除该部分代码即可~
      4. （注意）由于脚本更新到v1.3版本，最好在最新版本MV下新建工程再制作（为了创建PixiJSv4的库文件）。原范例工程不另外上传v1.3版，直接将贴中代码替换overlay.js，再将地图标签设置为该脚本帮助内的example即可。

更新履历：
    - 2015/10/24 v1.0 新规作成
    - 2015/10/27 v1.1 解决人物行走图在星号地形之上的问题。（将人物行走图的创建图层改回tilemap，然后将ground的创建放在tilemap.lowerlayer上）
    - 2016/07/10 v1.2 添加地图标签设置，移除图像错误处理。
    - 2017/02/11 v1.3 解决了ground图形位置错误的问题。另外，使用pixiJSv4的版本的话，图像不会模糊（简单来说就是该更新MV了）。

第一次接触JavaScript，有些东西不太熟悉，如有问题请多多包涵，结合该脚本的使用反馈会进行不定期更新~
             本帖来自P1论坛作者swebok，因Project1站服务器在国外有时候访问缓慢不方便作者交流学习，经联系P1站长fux2同意署名转载一起分享游戏制作经验，共同为国内独立游戏作者共同创造良好交流环境，原文地址：https://rpg.blue/forum.php?mod=viewthread&tid=384577  若有侵权，发帖作者可联系底部站长QQ在线咨询功能删除，谢谢。

QQ|Archiver|手机版|小黑屋|同能RPG制作大师 ( 沪ICP备12027754号-3 )

GMT+8, 2024-5-20 19:12 , Processed in 0.029233 second(s), 18 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

返回顶部