|
Custom transitions can add a flair to your game. This particular tutorial's transition effect will have one screen scroll down half way from the top and one screen scroll up half way from the bottom. I will explain everything in great detail (that is why it looks so long), so the only thing you have to do on your own is make the pictures for the transitions. If you use these custom transitions, you do not have to give me credit in your game, but I would appreciate it. Just stick in the name Norwolf and my web site URL (http://www.norwolf.com) if you could. Also, if you have any questions you may want answered on this tutorial, feel free to e-mail me by clicking on my name above. |
| You must first make your image. Here are the requirements:
The picture must be 320 pixels wide by 241 pixels tall.
Must be set to 256 colors. |
|
|
Create your picture. Make sure that there is a line that is one pixel tall and 320 pixels wide at the very bottom of the picture. Make it a color that you are sure you will not need to use in the picture, because this line will be used for the transparency. Everything else in the picture is free for you to draw on, you can either make it one color or real complex. Do whatever you want in it, and then save it as transition (in .png format).
Now open up RPG Maker 2000 and open your game. Open the RAW Material Editor (under Tool). Select Picture in the left box, and click on Import. Look for transition.png and click Open. A new box will pop up called Material Base. Click on Zoom In three times and click on the line that was made for a transparency, and make sure it is blinking. Click Ok.
Here's where the scripting comes in. For every place that has a teleport event that you want to show your transition, you need to write in the coding below (copy and paste the event, just change the teleport command). Here's the instructions on coding the event: |
|
|
1. Open the Data Base (under Tool) and click on the tab named System. Under Teleport Transition, select Do Not Erase under Erase Screen Type, and select Instant Display under Show Screen Type.
2. Make an event where you want the teleport to be. Set the teleport to Below Hero and On Hero Touch.
3. In the Events Commands box, right click and click on Insert.... Go to Page 2 and click on Show Picture.
4. Set the Pic. Number to 1, and under Select Picture, look for transition. On the X coordinates, set the number to 160 and set the Y coordinates to 120. Set Magnification to 1.
5. Insert a Move Picture event (on Page 2). Set the Pic. Number to 1. Set the X coordinates to 160 and set the Y coordinates to 120. Set the Movement Time to 10 (can edit this to whatever speed you want, just make sure all the other movement times are the same), and make sure Wait Until Done is checked. Set Magnification to 100. Click Ok.
6. Insert a Wait command (on Page 2) and type in 1.
7. Insert a Teleport command (on page 2) and make it teleport you to the destination wanted.
8. Insert another Wait command and type in 1.
9. Insert another Move Picture command. Set the Pic. Number to 1, and leave the X coordinates at 160 and the Y coordinates to 120, and make sure Wait Until Done is checked. Set the Magnification to 1.
10. Insert an Erase Picture command (on page 2) and type in 1 for picture number.
|
|
|
The finished coding should look something like this:
<>Show Picture: 1,transition, (160,120)
<>Move Picture: 1,(160,120),1.0sec(W)
<>Wait: 0.1s
<>Teleport: ####:MAPNAME (#,#)
<>Wait: 0.1s
<>Move Picture: 1,(160,120),1.0sec(W)
<>Erase Picture: 1
<>
|