{"id":1447,"date":"2009-02-28T08:05:30","date_gmt":"2009-02-28T12:05:30","guid":{"rendered":"http:\/\/www.mrsunstudios.com\/?p=1447"},"modified":"2022-05-29T08:23:29","modified_gmt":"2022-05-29T12:23:29","slug":"tutorial-create-a-tower-defense-game-in-as3-part-5","status":"publish","type":"post","link":"http:\/\/www.mrsunstudios.com\/blog\/flash\/tutorial-create-a-tower-defense-game-in-as3-part-5\/","title":{"rendered":"Tutorial: Create a Tower Defense Game in AS3 – Part 5"},"content":{"rendered":"
\n

Table of Contents<\/h3>\n
    \n
  1. Setting up Level<\/a><\/li>\n
  2. Adding Turrets<\/a><\/li>\n
  3. Adding Enemies<\/a><\/li>\n
  4. Making Turrets Attack Enemies<\/a><\/li>\n
  5. Winning\/Losing the Game<\/a><\/li>\n
  6. Expanding on the Game<\/a><\/li>\n
  7. Finishing Touches<\/a><\/li>\n<\/ol>\n<\/div>\n

    Step 5: Winning\/Losing the Game<\/h3>\n

    Welcome back to the 5th installment of this tutorial series. In this lesson, we’ll make some playable levels, along with a winning and losing situation. Let’s dig in, shall we?<\/p>\n

    Lets start off by opening up the main source file. Find where this code is:<\/p>\n

    \r\nenemyArray = [\/\/defining the array\r\n\t\t\t[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],\/\/1's will just represent an enemy to be created\r\n\t\t\t[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],\/\/another row means another level\r\n\t\t\t[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]\r\n\t\t\t  ];\r\n<\/pre>\n
    Let’s review this code for a bit. Each of those arrays within that enemyArray<\/tt> represents a level. So, right now, we’re set up for 3 different levels, with an increasing amount of enemies in each level. Now that we’ve covered this, we can continue on to making it possible to advance levels.<\/p>\n
    In order to do this, we must open up “Enemy.as”. Find the destroyThis()<\/tt> function. Add this code to the bottom.<\/p>\n
    \r\n_root.enemiesLeft --;\r\n<\/pre>\n
    Next, we’ll have to go back to “source.fla”. Find the eFrame()<\/tt> function. There should only be one line of code in there right now. We’re going to add some. Add the following code to the bottom of the eFrame()<\/tt> function:<\/p>\n
    \r\nif(enemiesLeft==0){\/\/if there are no more enemies left\r\n\tcurrentLvl ++;\/\/continue to the next level\r\n\tcurrentEnemy = 0;\/\/reset the amount of enemies there are\r\n\tstartGame();\/\/restart the game\r\n}\r\n<\/pre>\n
    Now, try testing out the game. Functionally, it’s working 100%. Practically, it’s not a great game. In order to make this game better, we’re going to have to show some information to the user while they’re playing, like the current level, the score, etc. This is exactly what we’re going to do now.<\/p>\n
    Create four dynamic text boxes at the bottom left portion of the stage, each at 12 point font. Here’s an example of what yours should look like, with an example of what information we’re going to put into them later:<\/p>\n
    \"The<\/center><\/p>\n
    Got that? Now, we just have to give each of these dynamic text fields an instance name. Label them accordingly:<\/p>\n