I'll do my best to make this tutorial straightforward and easy to follow. Now, lets get down to business!
1. Download required files
3. Setting up your custom tileset Folder (map pack)
4. How to draw your custom tileset
5. How to configure your custom tileset
6. How to add your custom tileset to Mari0
7. How to use Mari0 Level Editor and create your maps
==============================================1. Download required filesWinrar: http://www.win-rar.com/download.htmlLOVE engine: https://love2d.org/#downloadMari0 Source: http://stabyourself.net/mari0/
Any Graphic Software
of your choice! (Photoshop, GIMP, Paint.net and etc.)2. InstallationWinrar:
I'm pretty sure you already have this.LOVE:
You need this engine to run and customize Mari0 source file. Double click the LOVE shortcut and you'll see a pink rubber piggy that will try to hypnotize you. Ok, close this window.Mari0 Source:
Unzip it to your Desktop. Never download this from any other website.
I'll be using Photoshop CS5
because thats what I'm comfortable with.3. Set up your Custom mappack folder**
I'm using Windows 7, so I dont know the path if your using mac or linux. Maybe someone else can help you with that. :)
- Users> Your Username > Appdata > Roaming > LOVE > Mari0
- Go to Mappacks
- Create a new folder and name it whatever you want.4. How to draw your own custom tileset
- Right click mari0_1.6 LOVE game file and open it with WinRAR. Your game file should be on your Desktop, inside the mari0 folder.
- Go to graphics > SMB > and extract smbtiles.png to your desktop. (drag and drop should work)
- We will use smbtiles.png as our template for now. You can make your own tileset when you get enough experience and trust me that you'll be making custom tilesets in no time.
- Open smbtiles.png using your Graphic Software. (in my case Photoshop)
- Take a good look at it and ignore the red dots for now.
Our tileset is 16x16 (17x17 if you include the grid and tile properties), so all you need to do is to draw inside every tile to create your own graphics.
Here is our original ground tile
and this is the one I edited.
Looks easy, right? I suggest that you create a new layer above the original layer so you wont mess up the original tileset. When you are happy with it, then just Merge Visible layers and Save it as PNG.
Go ahead and experiment, just make sure that you draw within the 16x16 tile and you will be fine. You can also expand your custom tileset by adjusting the original height. The default size is 374 x 102
, so increase your Canvas Size
(102px) to a higher number and use the smbtiles grid as your guide.
You won't need every tile from the default tileset, so just use those unused tiles and replace them with your own if you want.
This is what I came up with:
Note that you won't need the first default tile from the upper left hand corner. I replaced it with my own tile :)5. How to configure your custom tileset
- Remember those red dots that I told you about earlier? Those are custom tileset properties which you need to configure everytime you make a custom tileset.
- Use this as your reference: You can use one color for every tile properties, but make sure that its opaque.
Let's set our edited ground tile to Collision:true
What if I want it to be breakable too? Then add a pixel to the 3rd Column.
Hey, make it so its non portable! Then add a pixel to the 6th Column.
Um, I want it so its just a tile decoration. Then leave the whole column blank.6. How to add your custom tileset to Mari0
- Save your custom tileset as Tiles.png (transparent background, merged visible layers)
- Go back to your custom mappack folder (Content #3) and place your Tiles.png there.7. How to use Mari0 Level Editor and create your custom maps
I'll explain the basics for now.
- Run Mari0 game file and select your custom mappack.
- After it loads choose Level Editor.
- Go to Tools
Tab. Set up your Mappack Title, Author, Description and Starting Lives. You'll also notice Link Tool
for Portal Maps with a nice explanation on how it works.
- Go to Main
Tab. Everything is self explanatory here. (I will talk about custom background, scroll factor, and stuff when I make Advanced Mapping Tutorial in the future.)
- Go to Tiles
Tab. Your custom tileset should be on the Custom tab, so check if its there.
- Use every tile that you made and make sure that your Tileset properties are working properly.
- If you want to erase
a tile, then go to All
Tab and choose the first tile on the upper left hand corner. It looks like a Black & Pink Checkered tile.
- If you need to place default Coins, Coin Block, and Invisible Block then go to SMB
- If you want to put enemies then go to Entities
- If you want to erase
an Entity, then go to Entities
Tab and select the first tile on the upper left hand corner.
+ Mario's Spawn Point.
-- Select the Red M
and place it on an empty tile (just like what the description said). You can also place it in mid-air and Mario will drop from above! Good for sub level spawn points, eh?
-- Draw a pipe using your tiles and place the Down/Right Pipe Entity on it.
- Make sure that you created a sub-level first. If you havent done so, go to Maps
Tab and choose your sub level. Dont forget to save!
-- Right click your Down/Right Pipe Entity and set your destination level.
-- When you want to go back to your original destination, place another pipe tile/pipe entity on the sub level and set the target to Zero. Then, place Origin Sub Level Entity on your Pipe tile (navigate back to your origin level, dont place it on your sub level) and set the target from your origin sublevel.
It seems confusing at first, but you will get a hang of it.
-- Place your Red C Entity on the ground. I recommend that you dont place it any higher than that.
-- Place your Red F Entity where you want to place the flag, which will end your level.
Make sure that you set your castle tiles as collision:false. (decoration)8. Conclusion
Well, thats about it for our tutorial. If you want to use my practice Tileset then feel free to use it to your own maps.
Save it as Tiles.png and place it to your mappacks. I'll try to do an Advanced Mapping Tutorial when I get free time.