Storyboard Panels
Storyboard Panels
The first frame of the storyboard shows what the preloader screen will look like. Since the pigs are parachuting from a high elevation, the background environment is an exterior
A preloader serves as a visual indication of progress while file
shot with grass, trees, and sky. The preloader includes a assets are loading.
percentage load bar as well as a fun animation of sausages dancing in a circle (Figure 1.50).
Figure 1.50 Panel 1 of the Sausage Kong storyboard shows the preloader screen.
The second frame of the storyboard roughly shows how the introductory splash page will look. The preloader dis- appears, and the game logo drops down from outside the viewable area, as indicated by the red arrow. When creating
a storyboard in Flash, it can be useful to dedicate an addi- tional layer just for drawing arrows and notes to specify how various elements will move (Figure 1.51).
Chapter 1 Getting Started
Figure 1.51 Panel 2 of the Sausage Kong storyboard shows the splash screen. If the user selects New Game (with the arrow keys), the
logo will disappear and the game begins. The third draw- ing in the storyboard shows the character entering from a hole that appears in the ground. The boy jumps up from the hole, the hole disappears, and the boy lands safely on the ground (Figure 1.52).
Figure 1.52 Panel 3 of the Sausage Kong storyboard shows the boy entering.
Animation with Scripting for Adobe Flash Professional CS5 Studio Techniques
Immediately, the game starts as the pigs begin falling, and the timer (in the upper-left corner) appears and starts counting from 0 to 60 seconds (Figure 1.53).
Figure 1.53 Panel 4 of the Sausage Kong storyboard shows the game play.
The fifth frame simply shows how the boy will run toward the grinder and throw the pig into it; the resulting sausages made from the pig are also shown (Figure 1.54).
Figure 1.54 Panel 5 of the Sausage Kong storyboard shows the boy throwing a pig into the grinder.
Chapter 1 Getting Started
When time has elapsed, the game will end and the entire screen will pan to the left (Figure 1.55).
Figure 1.55 Panel 6 of the Sausage Kong storyboard shows the screen panning to the left.
In this screen, a meat truck will drive in from the right in reverse (Figure 1.56).
Figure 1.56 Panel 7 of the Sausage Kong storyboard shows the meat truck enter- ing from right to left.
Animation with Scripting for Adobe Flash Professional CS5 Studio Techniques
Next, the driver exits the truck and walks to the sausage pile (Figure 1.57).
Figure 1.57 Panel 8 of the Sausage Kong storyboard shows the driver exiting the truck and walking toward the sausages.
The high score and the player’s score will appear while the driver throws the sausages into the back of his truck (Figure 1.58).
Figure 1.58 Panel 9 of the Sausage Kong storyboard shows the driver loading the truck with sausages.
Chapter 1 Getting Started
The last frame shows a button to play the game again while the driver drives off the screen to the right (Figure 1.59).
Figure 1.59 Panel 10 of the Sausage Kong storyboard shows the “play again” screen.
In storyboard format, the visual plan could be shared between everyone involved in the project. A concise sto- ryboard makes for a great starting point for projects of all
scopes and sizes. If you’re interested in learning more about storyboarding, be sure to
For more storyboard examples, visit: check out Prepare to Board! Creating Story and Characters for Animated
. http://animationarchive.org/2006/03/ Features and Shorts by Nancy media-john-ks-storyboard-for-stimpys.html
Beiman (Focal Press, 2007). . http://johnkstuff.blogspot.com/2009/10/
storyboard-slug-stimpys-invention.html . http://characterdesign.blogspot.com/2009/05/
pixars-up-storyboards.html When you’ve completed your storyboard, you can jump
right into production, or you can first create an animatic.
Animation with Scripting for Adobe Flash Professional CS5 Studio Techniques