|
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 images. Here are the requirements:
You need two images.
Each one must be 320 pixels wide and 121 pixels tall.
Must be set to 256 colors. |
|
|
In the first picture (the one that will be the top part of the transition), use your editing tool to make a line one pixel high and the whole way across, and make sure it is at the very top of the picture. Make it a color that you are sure you will not need to use in the picture, because it will be used for the transparency. Everything else in the picture is free for you to draw in, you can make it just a plain color or make it complex. Do whatever you want in it, and save it as transition1 (in .png format).
In the second picture (the one that will be the bottom part of the transition), use your editing tool to make a line that is one pixel high and the whole way across, and make sure it is at the very bottom of this picture. Now draw whatever you want in the remaining space, and save it as transition2 (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 transition1.png and click Open. A new box will pop up called Material Base. Click on Zoom In three times and click on the top line that was made for a transparency, and make sure it is blinking. Click Ok.
Click on Import again, and this time look for transition2.png and click Open. The Material Base box will pop up again. Click on Zoom In tree times and click on the line at the bottom, 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 Tools) 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 transition1. On the X coordinates, make the number 160, and on the Y coordinates, make it -119.
5. Insert another Show Picture event. Set the Pic. Number to 2, and under Select Picture, look for transition2. On the X coordinates, make the number 160, and on the Y coordinates, make it 320.
6. Insert a Move Picture event (on page 2). Set the Pic. Number to 2. Under X coordinates type 160, and under the Y coordinates type 180. 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 not checked. Click Ok.
7. Insert another Move Picture event. Set the Pic. Number to 1. Set the X coordinates to 160 and the Y coordinates to 59. Make the movement time the exact same as the first Move Picture command, and this time make Wait Until Done is checked.
8. Insert a Wait command (on page 2) and type in 1.
9. Insert a Teleport command (on page 2) and make it teleport you to the destination wanted.
10. Insert another Wait command and type in 1.
11. Insert another Move Picture command. Set the Pic. Number to 2, and set the X coordinates to 160 and the Y coordinates to 320. Make sure Wait Until Done is unchecked.
12. Insert one last Move Picture event. Set the X coordinates to 160, and the Y coordinates to -119. Check Wait Until Done.
13. Insert an Erase Picture command (on page 2) and type in 1 for picture number.
14. Insert another Erase Picture command and type in 2 for picture number.
Note: For each picture command, make sure Tranparency is left at 0 and magnification is left at 100.
|
|
|
The finished coding should look something like this:
<>Show Picture: 1,transition1, (160,-119)
<>Show Picture: 2,transition2, (160,320)
<>Move Picture: 2,(160,180),1.0sec
<>Move Picture: 1,(160,59),1.0sec(W)
<>Wait: 0.1s
<>Teleport: ####:MAPNAME (#,#)
<>Wait: 0.1s
<>Move Picture: 2,(160,320),1.0sec
<>Move Picture: 1,(160,-119),1.0sec(W)
<>Erase Picture: 1
<>Erase Picture: 2
<>
|