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