First time here? First time here? Newsletter Signup Newsletter
Search tutorials
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) {
  if (this._x>600){


between the two curly end brackets type the following code:

  for (i=1; i<=_root.numEnemy; i++){
     if (this.hitTest( _root["enemy"+i])){
		_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.

» Level Intermediate

Added: 2001-05-04
Rating: 9 Votes: 517
(10 being the highest)
» Author
No details available.
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!


  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: Inocreato
» Title: RaiseTheBlocks
» Description: Raise all the blocks to win the game
Featured Sound Loops
Image for equalize

Audio Player

» Author: TomCat Carty
» Title: The Wood
» Description: Just a little game ending or it can maybe be looped. Recorders with music box and percussion to give the feel of well, I don't know, the woods? Free to use, just credit me. thank you
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: Davisigner
» Description: Hmm... what to say about this one? It's reminiscent of the closing notes of the opening music from the Three Stooges done in a church organ style with a closing cymbal crash. I'll give this one away gratis, but feel free to check out my free loops and potential upcoming license-mandated ones over in the respective part of Flashkit.