Parallax Editing tutorial


yo yo yo yo! What it is mfers! If you want your custom level to have a gucci background to go with it, you've come to the right place! Today I'll be explaining how Parallax works, and how you can edit it using the latest version of Maniac!

STEP 1: Make your background.
Self Explanatory. You'll have to have your background set up and organized into Maniac editor before you can start editing parallax. Remember to make your background loop properly for the game, as in, when the screen scrolls all the way to the right end of your background, it can repeat itself again without looking cut off. We want it as clean as possible!

STEP 2: Open up the layer manager.
You can find it under the scenes tab at the top. If you're saying "it's not there", you probably haven't downloaded the latest version, so go do that now. If you're saying "There's no Scenes option", when the hell was the last time you updated your Maniac editor? are you using a version from like, November 2017 or something?

STEP 3: Now it gets complicated.
Alright, so select the background layer in the right tab of the new window that just popped up. On the right, you'll be seeing a bunch of scary looking numbers!!! Oh no!! Don't fret though, my friend, because I'll explain to you what these numbers are. First things first, disregard the stuff in the middle. That's a topic for another day, this tutorial merely covers basic parallax editing. The numbers on the right are what we're focusing on. Here's what each one means:
  • Behavior: applies different properties to the layer depending on the Act/Zone it's used in. More on that later.
  • Unknown Byte 2: Unknown for a reason! We don't really know what it does yet.
  • Relative Speed: Finally, something interesting! Relative Speed determines how fast rows defined by a horizontal rule (more on that later) scroll when the screen moves. The higher the number, the faster it scrolls.
  • Constant Speed: Same as the above, except it determines how fast rows defined by a horizontal rule move on their own. Useful for stuff like clouds or moving setpieces (like the trains in Studiopolis Act 1). Keep in mind this is not either/or, if you leave your Relative Speed value blank, it will just be a static image moving across the screen, which looks very not good.
STEP 4: Ok, but what's a "horizontal rule"?
Simply put, horizontal rules determine what rows are affected by parallax and which values they use. Each one has their own set of values, as well as their own "horizontal mappings". These dictate Which rows have the relative and constant speed values entered. But how exactly do we figure out what a "row" is? Well, essentially, a row is a single, horizontal row of pixels in a layer. To put it in simpler terms, one 16x16 tile (the very same ones you used to create your background in maniac) is made up of 16 rows of pixels. I'll place an image at the bottom of the tutorial to provide a visual explanation for those of you still scratching your heads.

STEP 5: Where making this hapen
With that out of the way, let's go over how to assign parallax values to rows. In the Horizontal Mapping section there are two values: the Start Line and the Line Count. Don't be deceived by the Start Line value, it doesn't include the row you set it to itself, only the ones immediately after. So if for example, you wanted to assign a specific parallax value to, say, the first three rows in the layer, you would set the start line to zero, because setting it to 1 would make the game assign the values to rows 2, 3, and 4, rather than 1, 2, and 3. Then there's the Line Count. This tells the game how many lines after the start line are going to be given this specific value. While you can technically set this to any number you want, usually most backgrounds won't be set up for this kind of scrolling. If you're just starting out I recommend splitting up your rows into chunks of 16 (AKA one whole row of tiles) to make your life easier.

STEP 6: Behavior Functions
Now that we've covered all the basic stuff, I'll touch on behavior functions a bit. These typically provide various graphical effects not normally possible to better enhance the graphical fidelity of Mania's backgrounds, as seen here:
If you wish to apply a Behavior function to a part of your layer, simply set that horizontal mapping's behavior count to 1. While not every stage has behavior functions, I'll include a list of some of the known behavior properties so you can build your levels around them, if you so choose:
  • GHZ: TBA
  • CPZ: Creates a rippling water effect.
  • SPZ: TBA
  • FBZ: TBA
  • PGZ: TBA
  • SSZ: TBA
  • HCZ: TBA
  • MSZ: TBA
  • OOZ: Adds a ripple effect much like CPZ, only this time it's intended to simulate a heated horizon.
  • LRZ: TBA
  • MMZ: This one's kind of weird. Its primary use is for the background sections of MMZ Act 1 so that they're aligned properly.
  • TMZ: TBA
STEP 6: Some other tips and tricks for cool kids such as yourself
  • You'll typically want your rows to have a higher relative speed value the lower down they are on the layer. Think of it like looking out the window while you're in the backseat of the car. All the stuff close to you whizzes by while stuff in the distance moves much slower. It's the same basic idea with mania's backgrounds.
  • Always make sure you do your math correctly! If you don't your background might become messed up or you might not even be able to save at all due to overflow.
  • As long as you know what you're doing, don't be afraid to save your progress and then test it out in-game, to see how it looks. And remember, always make a backup. For God's sake, always make a backup!


There are no comments to display.

Item information

Added by
Last update

More in Tutorials

More from Apollyon

Share this item