Featured Flash FLA 11336 Flash Movies | 2 New Flash Movies Added What's New | Top 100 Featured FLA » Author: Surjit Dhami » Title: Book » Description: Book » More by Surjit Dhami Random FLAs | Add Flash Movie Featured Flash Site 5848 Flash Sites | 0 New Flash Links What's New | Top 100 Flash Site Featured Site » Posted in the Flash Kit Links section » Title: All-American Rejects » Description: Get to know this great band by exploring their "practice room". Random Links | Add your own Flash Related Links

1277 Tutorials 7 New Tutorials Added! What's New | Top100 » Create xml slideshow with free template » How to Insert a Multilingual Subtitle Into Your Flash Video Studio » How to Create Cool Halloween Slideshow » Debugging flash using the Firebug console » Create Flash Slideshow on Blogger » FLASH TRICKS IN WEB ADVERTISING: FLASH BANNERS » HTML Photo Gallery Tutorial » Create your first flash site – PART 1 » How to Make a Flash Photo Gallery » Unknown Tag: Title10 Random Tutorial | Add Site

Trading Customer Accounting (IL) Next Step Systems US-IL-Chicago Post A Job | Post A Resume

Tutorials Home What's New Top Rated Submit myTutes Random!

Tutorials » Games

Building Games in Flash 5 - Part 3 - Enemies and collisions
Author: David Doull | Website: http://www.artifactinteractive.com.au |

Using hitTest in our game

Let's write the code to detect the collision between the lasers and the enemies.

Open up the actions window for the laser (select the laser and choose Window> Actions).

The code for the lasers enterFrame onClipEvent should currently be:

onClipEvent (enterFrame) {
 this._x+=laserMoveSpeed;
 if (this._x>600){
 this.removeMovieClip();
 }
}

between the two curly end brackets type the following code:

  for (i=1; i<=_root.numEnemy; i++){
 if (this.hitTest( _root["enemy"+i])){
 _root.score+=100;
 _root["enemy"+i].gotoAndPlay( 2 );
 }
 }

This code checks to see if this laser movie clip is colliding with any of the enemy spaceships. It uses a for loop to check if this laser is colliding with each one of the enemy movie clips. If this is true it increases the score by 100 and tells the associated enemy to goto and play its frame 2.

The first line sets up a for loop. As explained before a for loop is a loop that repeats the code between its {}'s a set number of times. In this case the loop will repeat three times (as the value for _root.numEnemy is 3), and each time it repeats it will increase the variable i by one.

The second line is an if test. It checks to see if this movie clip (i.e.: the laser) is colliding with a movie clip specified by the code _root["enemy'+i] As explained back in tutorial one, this is array style referencing for a movie clip. So when i is equal to 1 then _root.["enemy'+i] will evaluate to _root.enemy1 when i is 2 it will evaluate to _root.enemy2 and so on.

If the hitTest is true then the next two lines are run. These lines actually deal with some things we will set up in the next step.
The line _root.score+=100; increases a variable called score by 100. We haven't set up this variable yet, we will do it in the next step and you will see how easy it is to add a score to your game.
The other line _root["enemy"+i].gotoAndPlay(2); tells the enemy that has collided with the laser, to goto its frame 2. What we are going to do is put an explosion animation in the enemy movie clip at frame 2.

The original laser - tidying things up

Now, before we leave the laser we are going to do one more thing.
You may have noticed that the original laser movie clip (called laser) is never removed. This is because the removeMovieClip method only applies to movie clips that were created using duplicateMovieClip. As the original laser was drawn by us it cant be removed using removeMovieClip and this is a good thing! If we removed the original laser we wouldn't be able to duplicate new lasers from the original.

So what happens to the original laser? We'll it cant be removed so it keeps moving to the right for ever. That seems a bit untidy, so we are going to add in an if statement which ensures that the original laser does nothing and only the duplicates fly across the screen and collide with enemies.

Exactly under the line onClipEvent (enterFrame) { add the code:
if (this._name<>"laser"){
and after the second to last end curly bracket } put another end curly bracket }.
This just adds in an if statement that makes the movie clip check which version of the laser it is. If its the original version (the one with the name laser) then the code to move, remove and check for collisions wont be run.

NB: you might not have seen <> before. It means NOT EQUAL TO, so our if statement will run the code if the lasers name is not equal to laser. In other words the code will be run if the laser is called something other than laser, such as laser2 or laser3.

» Forums
	More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.

10 9 8 7 6 5 4 3 2 1