{"id":672,"date":"2008-08-30T08:01:23","date_gmt":"2008-08-30T12:01:23","guid":{"rendered":"http:\/\/www.mrsunstudios.com\/?p=672"},"modified":"2022-05-29T08:23:35","modified_gmt":"2022-05-29T12:23:35","slug":"tutorial-create-a-platform-game-in-as3-part-2","status":"publish","type":"post","link":"http:\/\/www.mrsunstudios.com\/blog\/flash\/tutorial-create-a-platform-game-in-as3-part-2\/","title":{"rendered":"Tutorial: Create a Platform Game in AS3 – Part 2"},"content":{"rendered":"
\n

Table of Contents<\/h3>\n
    \n
  1. Basic Character Programming<\/a><\/li>\n
  2. Creating The Level<\/a><\/li>\n
  3. Programming the Level<\/a><\/li>\n
  4. Adding Level Elements<\/a><\/li>\n
  5. Adding Enemies<\/a><\/li>\n
  6. Goals and Level Completion<\/a><\/li>\n
  7. Finishing Touches<\/a><\/li>\n<\/ol>\n<\/div>\n

    Step 2: Creating the Level<\/h3>\n

    Now, we have to set up blocks on stage that will account for a level. We’ll use an array to accomplish this manly feat. We’re also going to create some other level variables. Place this code at the top:<\/p>\n

    \r\n\/\/LEVEL VARIABLES\r\n\/\/the current lvl\r\nvar lvlCurrent:int = 1;\r\n\/*The key for the level arrays:\r\n1: Regular Block\r\nX: Main Character\r\n*\/\r\n\/\/this variable will hold the character\r\nvar X:String = 'MAIN';\r\n\/\/the array for level 1\r\nvar lvlArray1:Array = new Array(\r\n\t1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,X,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,\r\n\t1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1\r\n);\r\n<\/pre>\n
    This is a pretty big array, but it won’t be too hard to understand, I hope. The next thing we have to do is to actually make a function which creates the level. We’ll make some more variables for this as well:<\/p>\n
    \r\n\/\/current row that we are creating\r\nvar row:int = 0;\r\n<\/pre>\n
    Now, we have to create a class that will have all of the code for the blocks. Create a new external ActionScript file called “Block.as”. Then, place the following code into it:<\/p>\n
    \r\npackage{\r\n\timport flash.display.Sprite;\r\n\timport flash.display.MovieClip;\r\n\timport flash.events.*;\r\n\t\r\n\t\/\/sprites are just movieclips without any frames in them\r\n\tpublic class Block extends Sprite{\r\n\t\t\/\/_root will signify the root of the document\r\n\t\tprivate var _root:Object;\r\n\t\t\r\n\t\tpublic function Block(){\r\n\t\t\t\/\/this code will only be run once\r\n\t\t\taddEventListener(Event.ADDED, beginClass);\r\n\t\t\t\/\/this code will constantly be run\r\n\t\t\taddEventListener(Event.ENTER_FRAME, eFrame);\r\n\t\t}\r\n\t\t\r\n\t\tprivate function beginClass(event:Event):void{\r\n\t\t\t\/\/defining the root of the document\r\n\t\t\t_root = MovieClip(root);\r\n\t\t}\r\n\t\t\r\n\t\tprivate function eFrame(event:Event):void{\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n<\/pre>\n
    We’ll add on to this later but for now, we have to define the function that will place these bricks on stage. Place the following code at the end of the frame:<\/p>\n
    \r\n\/\/creating the level\r\n\/\/this guy will hold all of the blocks\r\nvar blockHolder:Sprite = new Sprite();\r\n\/\/then we add him to stage\r\naddChild(blockHolder);\r\nfunction createLvl():void{\r\n\t\/\/getting the current level that we are on\r\n\tvar lvlArray:Array = MovieClip(root)['lvlArray'+lvlCurrent];\r\n\t\/\/we have to find how far this level goes\r\n\t\/\/this will be used so we know when to move to the next row\r\n\t\/\/there will always be 16 rows, so this is how we find it out\r\n\t\/\/of course, this will make the lvl formatting very strict\r\n\tvar lvlColumns:int = Math.ceil(lvlArray.length\/16);\r\n\t\/\/now we must create the level\r\n\tfor(var i:int = 0;i\n
    This is some pretty intense code. Look it over for a bit and try to comprehend it. This type of code is what you need to make if you want to become a better developer.<\/p>\n
    This concludes this part of the tutorial. Next time, we'll add some code to these blocks and make them interact with the character. Stay tuned...<\/p>\n
    Final Product<\/h4>\n
    <\/embed><\/object><\/p>\n
    Source Files (zipped)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
    Table of Contents Basic Character Programming Creating The Level Programming the Level Adding Level Elements Adding Enemies Goals and Level Completion Finishing Touches Step 2: Creating the Level Now, we have to set up blocks on stage that will account for a level. We’ll use an array to accomplish this manly feat. We’re also going […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[160,5,8,4,6],"tags":[25,160,8,162,19,18,161,22,11],"_links":{"self":[{"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/posts\/672"}],"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=672"}],"version-history":[{"count":4,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/posts\/672\/revisions"}],"predecessor-version":[{"id":1029,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/posts\/672\/revisions\/1029"}],"wp:attachment":[{"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/media?parent=672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/categories?post=672"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/tags?post=672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}