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

• 1). 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.
  
  
• 2). Give each of your individual navigation buttons unique instance names so that you can reference them in ActionScript.
  
  
• 3). 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)
  }