Tutorial: How to create a game like Angry Birds in Flash – Part 3 – Create the angry bird character

Part 3 – Create the angry bird character

Introduction

Here the third tutorial to learn how to create a physic based game like Angry Birds in Flash.

You can download the complete sources here: http://www.benoitfreslon.com/wp-content/uploads/2013/04/How_to_create_a_game_like_angry_birds_part3.zip

If you missed the first tutorial you can find it here: http://www.benoitfreslon.com/fr/tutorial-how-to-create-a-game-like-angry-birds-with-box2d-world-construction-kit-flash-part-1

In this tutorial we will create the Bird character. We will add some very simple interactions like: shooting, repositioning.

Modifications

I modified the world settings in order to have a smooth moving.

Click on the World MovieClip in the stage and set this properties:

  1. gravityY = 2
  2. timeStep = 0,04

Bird creation

Create a new symbol:

  1. Insert > New Symbol > Type: MovieClip
  2. Name: Bird
  3. Check: Export for ActionScript
  4. Class: Bird
  5. Ok
  6. Draw a red circle in the center of the MovieClip
  7. Set the size to 30×30 from the properties panel.
  8. Draw the bird face and the wings like this

Capture d’écran 2013-04-22 à 11.45.57

You also can download my sprite:

bird

Great now add an instance of Bird in the World:

  1. Double click in the World MovieClip in the library
  2. Drag and drop the Bird instance in the World MovieClip

Capture d’écran 2013-04-22 à 11.47.47

Now create the Bird class file:

  1. File > New > ActionScript 3.0 Class > Class name: Bird > OK
  2. File > Save as > Save the file in the same folder of the main.fla file

Capture d’écran 2013-04-17 à 11.48.31

Finally replace the code in the class by this one:

Leave a Comment