{"id":1049,"date":"2009-01-03T08:06:36","date_gmt":"2009-01-03T12:06:36","guid":{"rendered":"http:\/\/www.mrsunstudios.com\/?p=1049"},"modified":"2022-05-29T08:23:32","modified_gmt":"2022-05-29T12:23:32","slug":"tutorial-create-a-platform-game-in-as2-part-7","status":"publish","type":"post","link":"http:\/\/www.mrsunstudios.com\/blog\/flash\/tutorial-create-a-platform-game-in-as2-part-7\/","title":{"rendered":"Tutorial: Create a Platform Game in AS2 – Part 7"},"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 7: Finishing Touches<\/h3>\n

    As I’ve done with most of my previous tutorials, this “Finishing Touches” part of the tutorial will mostly be me telling you what to do, but not how to do it. Of course, if it’s new or advanced material, I’ll definitely give you the code. Let’s get started, shall we?<\/p>\n

    The first thing we need to do to our game is show the score to the user. Just create a dynamic text field somewhere at the top of the stage and make some code that will update it with the text “Score: 0”. Of course, the 0 would be replaced with whatever the guy’s score is. I suggest placing it somewhere in the onEnterFrame()<\/tt> function so that you don’t have to create a totally new function for it.<\/p>\n

    The next thing I want to do is reset the score whenever the player dies. This actually will be a little bit tricky because we use the same resetLvl()<\/tt> function both when the player loses and when the player beats a level. This can be accomplished pretty easily. First of all, just set the score to 0 at the end of the resetLvl()<\/tt> function. Now, find the code where we reset the level when the player wins, where we create the actions for the goal. Change it to this:<\/p>\n

    \r\nif(this.hitTest(_root.mcMain)){\r\n\t\/\/go to the next lvl\r\n\tlastScore = _root.mainScore;\r\n\t_root.lvlCurrent ++;\r\n\t_root.createLvl();\r\n\t_root.resetLvl();\r\n\t_root.mainScore = lastScore;\r\n}\r\n<\/pre>\n
    This just saves the score that we have before advancing a level and then re-applies that score after it’s reset. Pretty cool, eh?<\/p>\n
    Next, we’re going to add a background to the game. The background will be a bit darker so we can distinguish it from the game, and it’ll also move slower than the game background to create an illusion that it’s farther away. The first thing we have to do is create another holder for the particles within the level holder. Do it just like how we did it for the bumpers and trampolines. It should be called bgHolder<\/tt> and you should place it before all of the other elements so it’s under everything. Do it also again within the resetLvl()<\/tt> function<\/p>\n
    Next, add this code to the end of the createLvl()<\/tt> function:<\/p>\n
    \r\n\/\/creating random background particles\r\n\/\/we'll create 1 particle for every block\r\nlvlHolder.bgHolder.createEmptyMovieClip(\"bg\"+i, lvlHolder.bgHolder.getNextHighestDepth());\r\nvar bgX:Number = int(Math.random()*lvlColumns*50)-550; \/\/the x value of this shape\r\nvar bgY:Number = (row-1)*25; \/\/the y value of this shape\r\nlvlHolder.bgHolder[\"bg\"+i].beginFill(0x222222); \/\/this just determines the shape's color\r\nlvlHolder.bgHolder[\"bg\"+i].moveTo(bgX, bgY); \/\/moves the shape\r\n\/\/creating 4 random points to make a random shape\r\nlvlHolder.bgHolder[\"bg\"+i].lineTo(bgX+int(Math.random()*25), bgY+int(Math.random()*25));\r\nlvlHolder.bgHolder[\"bg\"+i].lineTo(bgX+int(Math.random()*25), bgY+int(Math.random()*25));\r\nlvlHolder.bgHolder[\"bg\"+i].lineTo(bgX+int(Math.random()*25), bgY+int(Math.random()*25));\r\nlvlHolder.bgHolder[\"bg\"+i].lineTo(bgX+int(Math.random()*25), bgY+int(Math.random()*25));\r\nlvlHolder.bgHolder[\"bg\"+i].endFill();\/\/finishes up the shape\r\n<\/pre>\n
    Next, we have to make them move slower than the game background. You can do this in the onEnterFrame<\/tt> function. Find this code:<\/p>\n
    \r\nif(Key.isDown(37) || Key.isDown(65)){ \/\/if the \"A\" key or Left Arrow Key is Down\r\n\tlvlHolder._x += mainSpeed;\/\/then the move the guy left\r\n} else if(Key.isDown(39) || Key.isDown(68)){\/\/if the \"D\" key or Right Arrow Key is Down\r\n\tlvlHolder._x -= mainSpeed; \/\/then move the guy to the right\r\n}\r\n<\/pre>\n
    and replace it with this:<\/p>\n
    \r\nif(Key.isDown(37) || Key.isDown(65)){ \/\/if the \"A\" key or Left Arrow Key is Down\r\n\tlvlHolder._x += mainSpeed;\/\/then the move the guy left\r\n\tlvlHolder.bgHolder._x -= mainSpeed*.5;\r\n} else if(Key.isDown(39) || Key.isDown(68)){\/\/if the \"D\" key or Right Arrow Key is Down\r\n\tlvlHolder._x -= mainSpeed; \/\/then move the guy to the right\r\n\tlvlHolder.bgHolder._x += mainSpeed*.5;\r\n}\r\n<\/pre>\n
    This just slows down the movement of the background. Well, that’s basically all that I’m going to do for the finishing touches. Enjoy your new game!<\/p>\n
    The Final Product<\/h4>\n
    <\/embed><\/object><\/p>\n
    Source .fla File<\/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 7: Finishing Touches As I’ve done with most of my previous tutorials, this “Finishing Touches” part of the tutorial will mostly be me telling you what to do, but not how […]<\/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,160,7,162,19,18,161,22,11],"_links":{"self":[{"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/posts\/1049"}],"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=1049"}],"version-history":[{"count":4,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/posts\/1049\/revisions"}],"predecessor-version":[{"id":1196,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/posts\/1049\/revisions\/1196"}],"wp:attachment":[{"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/media?parent=1049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/categories?post=1049"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.mrsunstudios.com\/blog\/wp-json\/wp\/v2\/tags?post=1049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}