{"id":1481,"date":"2009-04-25T08:01:32","date_gmt":"2009-04-25T12:01:32","guid":{"rendered":"http:\/\/www.mrsunstudios.com\/?p=1481"},"modified":"2022-05-29T08:23:29","modified_gmt":"2022-05-29T12:23:29","slug":"tutorial-create-a-tower-defense-game-in-as2","status":"publish","type":"post","link":"http:\/\/www.mrsunstudios.com\/blog\/flash\/tutorial-create-a-tower-defense-game-in-as2\/","title":{"rendered":"Tutorial: Create a Tower Defense Game in AS2"},"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 1: Setting Up a Level<\/h3>\n

    The tower defense genre is one that has become extremely popular over the years. Although they can become quite complicated to develop, they are almost always very fun to play. I am here to walk you through the creation of one of these games. Let us begin, shall we?<\/p>\n

    In this section of the tutorial, we’re going to set up the roads and stuff onto the stage. However, the first thing we need to do is create a blank flash document with a black background with the frames per second set at 24.<\/p>\n

    Now, we can dive into some code. Let’s first create some code that will lay down the track for the enemies to go through. Create a new layer called “actions” and add the following code to it:<\/p>\n

    \r\nstop();\r\n\r\n\/\/setting vars to step in for turns and special blocks\r\nvar S:String = 'START';\r\nvar F:String = 'FINISH';\r\nvar U:String = 'UP';\r\nvar R:String = 'RIGHT';\r\nvar D:String = 'DOWN';\r\nvar L:String = 'LEFT';\r\n\r\nvar startDir:String;\/\/the direction the enemies go when they enter\r\nvar finDir:String;\/\/the direction the enemies go when they exit\r\nvar startCoord:Number;\/\/the coordinates of the beginning of the road\r\nvar lvlArray:Array = new Array();\/\/this array will hold the formatting of the roads\r\n\r\nlvlArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,\r\n\t\t\t0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,\r\n\t\t\t0,0,0,0,R,1,1,D,0,0,R,1,1,D,0,0,R,1,1,D,0,0,\r\n\t\t\t0,0,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,\r\n\t\t\t0,0,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,\r\n\t\t\tS,D,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,R,1,F,\r\n\t\t\t0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,0,0,0,\r\n\t\t\t0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,0,0,0,\r\n\t\t\t0,R,1,1,U,0,0,R,1,1,U,0,0,R,1,1,U,0,0,0,0,0,\r\n\t\t\t0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,\r\n\t\t\t0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,\r\n\t\t\t0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0\r\n\t\t\t];\r\n\r\n\/\/the names of these variables explain what they do\r\nvar currentLvl:Number = 1;\r\nvar gameOver:Boolean = false;\r\n\r\nfunction startGame():Void{\/\/we'll run this function every time a new level begins\r\n\t\/\/right now we don't have any code\r\n}\r\n\r\n_root.createEmptyMovieClip('roadHolder',_root.getNextHighestDepth());\/\/add a MovieClip to hold the road\r\nfunction makeRoad():Void{\r\n\tvar row:Number = 0;\/\/the current row we're working on\r\n\tvar block;\/\/this will act as the block that we're placing down\r\n\tfor(i=0;i\n
    That's a lot of code, ain't it? Hopefully, I've given you enough instructions in the comments. If you test out our game, a nice little path should be shown which the enemies will travel through, along with some blank gray boxes where we'll be able to place some turrets.<\/p>\n
    Before I end this part of the tutorial, I want to give these empty boxes some rollOver<\/tt> and rollOut<\/tt> effects. Find where I added the comment saying \/\/\/\/\/*****EMPTY BLOCK*****\/\/\/\/\/<\/tt> (lines 44-54). Add this code to the bottom of that section of the if<\/tt> statement:<\/p>\n
    \r\n_root['block'+i].onRollOver = function(){\r\n\t\/\/Change the color to green\r\n\tvar newColor = new Color(this);\r\n\tnewColor.setRGB(0x006600);\r\n}\r\n_root['block'+i].onRollOut = function(){\r\n\t\/\/Change this color back to gray\r\n\tvar newColor = new Color(this);\r\n\tnewColor.setRGB(0x333333);\r\n}\r\n<\/pre>\n
    Final Product<\/h4>\n
    <\/embed><\/object><\/p>\n
    Source Files (Zipped)<\/a><\/center><\/p>\n","protected":false},"excerpt":{"rendered":"
    Table of Contents Setting up Level Adding Turrets Adding Enemies Making Turrets Attack Enemies Winning\/Losing the Game Expanding on the Game Finishing Touches Step 1: Setting Up a Level The tower defense genre is one that has become extremely popular over the years. Although they can become quite complicated to develop, they are almost always […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[160,5,7,4,6],"tags":[25,7,246,19,18,245,247,11],"_links":{"self":[{"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/posts\/1481"}],"collection":[{"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/comments?post=1481"}],"version-history":[{"count":10,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/posts\/1481\/revisions"}],"predecessor-version":[{"id":1537,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/posts\/1481\/revisions\/1537"}],"wp:attachment":[{"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/media?parent=1481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/categories?post=1481"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/tags?post=1481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}