RPG Maker MV: Parallax Mapping Guide

Everything you need to know in order to start Parallax Mapping in RPGMaker MV. Up to do date and told simply and concisely.

 

Intro

Let me preface this by saying I am not a master of mapping nor is this guide for people who already know how to Parallax Map. This guide is aimed at Beginners (or someone looking for an alternative and/or possibly simpler Parallax Mapping method) and it’s sole purpose is to clearly tell what programs/scripts are needed to begin Parallax Mapping and how to do so. The entire reason why I want to write this guide in the first place is because of how hard it was for me to figure out these basics on my own, since the vast majority of Parallax Mapping Guides/Video Tutorials are outdated, lack vital information, or both. Hopefully because of this guide, none of you will have to go through the hair-tearing agony of trial and error like I did.

Now with all that blabber out of the way, let’s finally begin.

Requirements

Before you can jump into Parallax Mapping, you’ll need 3 things:

1. Images/Tiles to Map With
Should go without saying but I like to be thorough. Feel free to follow along the Guide with the RTP tilesets if you want. I’m using the tiles from the Mythos Reawakening Pack in the example images.

2. Galv’s Layer Graphics Plugin – https://galvs-scripts.com/2015/10/30/mv-layer-graphics/
The free code you’ll need for the map to function properly (Yes, it’s free for Commercial Use). There are other Parallax Mapping scripts, but Galv’s is by far the easiest to use. Download the .js file and insert it into your game’s “Plugins” folder. Open your game in the Engine and be sure to turn the plugin on. It’s order in relation to your other plugins shouldn’t matter. As per the requirements of the plugin, you will also need to create a “layers” folder in your game’s “img” folder. That’s where most of your maps and map effects (like fog) will go.

3. A Photo Editing Software
Photoshop is the best, so if you have the money, get it. I heard good things about GIMP as well, but I’ve never used it myself. Personally, I use Pixlr mainly because it’s free; https://pixlr.com
I will not be covering the basics of Photo Editing, so if you do not how to use your software of choice, you’ll have to learn that first before moving on with Parallax Mapping. It’s not hard, you’ll figure it out quick I’m sure.

Once you have all of those, you’re ready to actually begin mapping! Who would’ve guessed?

Beginning your Map

Begin by creating a map as you would normally in the engine. If you plan on using a MV formatted tileset for your ground and walls instead of a ground/wall decal or drawing the ground/walls yourself, this is where you’ll lay down the ground tile/s as if you were mapping normally (To do so quickly, use the paintbrush. I found this tool out super-late).

Once done laying down the ground and wall tiles or not, save the map as an image.

Now, you could also start by opening a new blank image in your Photo Editing software if not bothering with traditional MV ground/wall tiles, and create the actual map file later. This is fine too, all you’re doing is changing the order of things. Do whichever is more comfortable.

Last thing I want to mention is that, whether you creating an image from scratch or saving an image from the Engine, the resolution of your game does not matter. You will not have to set your resolution to certain numbers based upon your map sizes or vice-versa. I only mention this because I have heard otherwise before. Don’t worry about it.

Drawing and Saving your Map

Next, open up your map’s saved image in your Photo Editing Software (or if you chose not save a map from the Engine, open a new image. The size of your image is dependent entirely on how big you want your map to be. You may have to experiment a bit depending on the size of the images you’ll be mapping with). You’ll also want to open the tiles/images you’ll be using to map with in the software as well, not as layers to your map but as separate images.

Finally, If your photo editing software has a grid, turn it on and set it to 48×48 (MV’s tile size). While not required, this will aid you in telling where to place your tiles/images greatly.

Then, the fun part, actually mapping! Copy your graphics over onto your map and make it pretty. I highly recommend labeling your layers as you go (Starting with Ground, then Tree 1, Tree 2, etc.) just to make things organized. Oh yeah, and save the editable image file with all of your layers often.

Once you’re satisfied, save the entire image as a .png to your game’s “parallax” folder in “img”. Place an “!” before the .png’s title so it doesn’t repeat.

Now comes what is probably the trickiest part; Setting the Upper and Lower parts of your map (This is where labeling all of your layers will make things much easier).

For the Lower part, turn off all the layers which would appear above your characters in-game (Branches of a tree, an overhead bridge, outcropping of a roof, etc.). Since most of these will come as one complete image and not separately, you may need to cut the image in-half yourself. Using the Marquee or Lasso tool, draw a box around the parts of the image that would appear above characters, “Cut” them (Ctrl+X), and then “Paste” them (Ctrl+V) as their own separate layer. Then, line up the separate layer back to where it should be with the original layer (if needed) before turning it off.

After turning off all the above layers, save the map as a .png to your “layers” folder (the one we created earlier).

Then, do the same thing for the Upper part of the map, only this time you’re turning off the layers for things below and at level with your characters in-game (Ground, walls, and most objects period).

Save the .png same as before, only titled differently from the “Lower” image. (I recommend titling the images the name of the map then “Lower” or “Upper” respectively for maximum simplicity).

Save the editable image file one last time. By the end, you should have saved 4 separate files; The .png in your Parallax Folder, the “Upper” and “Lower” .png’s in your Layers folder, and the editable image file for your photo editing software of choice.

There is one last thing to do in your Photo Editing Software. Open up any A1 tileset from the MV RTP. Create a new Layer over it. On that new layer, draw an “X” on one of the graphics and an “O” on another. Then, draw transparent boxes around both using separate colors for each (I use black and white because it’s simple).

Turn off the original layer so the only layer visible is the new one you created, and then save it as a new .png to your game’s “tilsets” folder in “img”. In the Engine under “Tilesets”, add your new image to a tileset, and then set the solidity of the “X” tile and the tile directly below it to impassable, and then set the solidity of the “O” tile and the tile directly below it to passable (No stars). This is the tileset you will be using to set the solidity of each tile on your Parallax Map.

Setting the Parallax Map In-Engine
In the Engine, open the Map Properties for your Parallax Map (Or create a new map if you skipped the step earlier). Set the map’s tileset to the one including the new image you just created (The A1 that has the drawn X and O).

Then, under “Parallax Background”, select the .png of your Parallax Map saved under “parallaxes” (The one with the “!” in-front of it’s name). This image will not serve as the actual map in-game. It is merely a representation of what the map will look like in-game, allowing you to set up your events and tile solidity as you normally would.

After doing this and pressing “Okay”, you may find that the parallax either repeats or isn’t shown completely. That’s because the map size is either too big or too small for the parallax. Just play around with increasing and decreasing the map size until the parallax no longer repeats and/or is completely shown in editor. You may be unable to get the size perfect, and that’s okay. There’s one more step we’ll do a little later which will take care of that.

Once you’ve gotten the map size as best you could, it’s time to set solidity. Go over all the tiles that would be impassable with the “X” tile, and then all the tiles that would be passable with the “O” tile.

After that, go back over the “X” tiles with the clear tile under it in the tileset, then the same thing for the “O” tile (Paintbrush makes this go by a lot faster). Congrats, your Parallax Map’s solidity is ready to go!

Plugin Commands and Parallel Event

Almost done! The last things you need to do is set the code to make the Parallax Map actually appear correctly in-game. This is where Galv’s Layer Graphics Plugin comes into play.

Now, on a separate map that loads before your Parallax Map, create a new event (Preferably an Auto-Run just to make sure it happens). Then, insert two Plugin Commands (One Command for the Upper image and another for the Lower image you created earlier) in the Event:

These Plugin Commands are included from Galv’s plugin. I’m not gonna go over every possible way to use them, but I do want to cover what each part used in the example means;

“LAYER_S”: This states that the image will remain static and not repeat.
The 1st Number (In the examples, “10”): This is the ID of the Map you want the images to appear on.
The 2nd Numbers (In the examples, “1” and “2” repsectfully): These are the ID’s of the images. It doesn’t really matter what the numbers are, just make sure they’re different from each other so the images don’t replace one another.
Name of the Image (In the examples, “Map0010Upper” and “Map0010Lower” respectfully) : After the first two numbers goes the name of the image you saved in your “layers” folder.
The next 3 numbers don’t really matter for the basics, just make sure the 3rd number is set to 255 like in the examples, since that number represents the image’s Opacity.
The 2nd to Last Number (In the examples, “4” and “0” respectfully): This is the most important number. This sets the priority of the image, meaning where it appears in relation to the rest of the characters and images. For the Upper image, you’ll want to set it to “4” (Placing the image above everything except Weather). For the Lower image, you’ll want to set it to “0” (Placing it below everything).

The last thing you need to do is create a Parallel Event on the Parallax Map. The Event only needs one command, “Change Parallax: None”

This will remove the Parallax Image you have set in your Map Properties from appearing and repeating in-game.

Congratulations! You have successfully created a functional Parallax Map! Go into the Tester and admire your handiwork! (Make sure the map with the Plugin Commands is separate from the parallax map and runs before transferring the Player to said Parallax Map)

Bonus: Fog Effect

While this goes a little beyond the basics of parallax mapping, I decided to throw it in just because it’s such a great effect to have.

To have a Fog effect, make sure you have a Fog Image in your “layers” folder (Galv’s Layered Graphics comes with a pretty good free one).

Then, same as before, go to a map that loads prior to the Parallax Map and insert the following plugin command;

It’s a lot like the Command used for your Upper and Lower images, but with a few key differences;

“LAYER”: Unlike “LAYER_S”, this command will allow the image to move and repeat.
The 1st Number, 2nd Number, and Image Name are the same as before.
The next two numbers after the Image Name (“0.5” in the examples) sets the speed of horizontal and vertical movement (“XSpeed” and “YSpeed”).
Next number is the same as before, Opacity. For a fog/smog effect, I’d recommend lowering it quite a bit from the default 255.
Next number is the same as before, Priority. For Weather Effects like Fog/Smog, this should be set the highest priority, “5”, placing it above everything else.
The next two numbers are XShift and YShift respectfully, determining how the image shifts in relation to player movement.
And the last number is Blend type. You can play around with this if you want, but I find “0” (Normal) is fine 9 times out of 10.

This plugin command along with your Upper and Lower Commands should merge for a finished result like this;

Congrats! Now your map has a bit more character than the average one!

Related Posts:

Post Author: Robins Chew

Leave a Reply

Your email address will not be published. Required fields are marked *