How to Create Advance Flash Game Tutorials
Creating video games is right behind video for the Internet in terms of popular Flash usage. Flash games can be found virtually anywhere online, from simple "Pong" type games, to extremely complex role-playing games that save character data and contain many levels of advancement. Creating these games takes considerable time, effort and skills that many people lack. Fortunately, Flash is also very useful for creating interactive tutorials, and that can include tutorials on how to make online Flash games for those who are interested in learning.
Instructions
-
Frame-By-Frame Instructions
-
1
Open your actions panel and put a "stop()" action on the first keyframe. Lock this first layer to keep yourself from accidentally putting anything on it in the future.
-
2
Insert a new layer and type out instructions for how to use your tutorial on the stage. You can include graphics if you wish to spruce things up. This is just an "introductory" page.
-
-
3
Insert a new keyframe on your second layer. The best Flash game tutorials give the viewer a sample of what they will be creating early on, which you should do on this frame, if possible. If you are teaching how to create a side-scrolling background or running man for the game, include a functioning, interactive version of it here. You also will want to include text explaining what the viewer is seeing.
-
4
Insert a third keyframe on your second layer. Here is where you will begin your actual instruction, and be careful to present information in small chunks. On this single frame, you will present instructions to the viewer, and an input text box to present any code they will need so they can select it.
-
5
Continue adding keyframes on the 2nd layer, with each one offering more information on how to create the game (remember, small chunks!) until the lesson is complete.
Add Navigation and Functionality
-
6
Create a navigation bar as a series of buttons numbered one through however many keyframes you have. This bar should be small and out of the way, probably centered at the bottom of your screen.
-
7
Give each of your individual navigation buttons unique instance names so that you can reference them in ActionScript.
-
8
On the first keyframe in the actions panel, use and repeat the following code to make each of your buttons work, changing the button names and numbers as needed:
myButton1.onRelease = release;
function release(){
gotoAndStop(1)
}
-
1
Tips & Warnings
Add a link to the beginning or end of your tutorial where viewers can go to play the finished game.
References
Resources
- Photo Credit joy of video games image by Lisa Turay from Fotolia.com