tag:blogger.com,1999:blog-46980934311144593162024-03-08T02:48:03.909-08:00Flash games development blogCharley Smithhttp://www.blogger.com/profile/14194802166677314928noreply@blogger.comBlogger3125tag:blogger.com,1999:blog-4698093431114459316.post-38826164585574213242011-09-28T04:03:00.001-07:002011-09-28T06:49:20.777-07:00What is flash player?<span class="Apple-style-span" style="background-color: white;"></span><br />
<h2 align="LEFT">What is flash player?</h2><span style="font-family: ARIAL, GENEVA, sans-serif;">With Flash Player, you can view the interactive animation and entertainment on the Web pages. To get the full power of the Web sites, you need to download and install the latest version of the Flash player. </span><span class="Apple-style-span" style="font-family: ARIAL, GENEVA, sans-serif;">This site requires a JavaScript-enabled browser, </span><span style="font-family: ARIAL, GENEVA, sans-serif;">also you need to make sure that ActiveX is enabled i</span><span class="Apple-style-span" style="font-family: ARIAL, GENEVA, sans-serif;">f you are using Internet Explorer browser.</span><br />
<span style="font-family: ARIAL, GENEVA, sans-serif;">Adobe provides a free Flash Plugin that allows you to view, navigate, and print Flash files across all major computing platforms. It is free and can be easily downloaded from <a href="http://www.adobe.com/support/flashplayer/downloads.html">Adobe web site</a></span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #444444; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"><span class="Apple-style-span" style="color: #3778cd; font-family: Verdana, sans-serif; font-size: medium; text-decoration: none;"><a href="http://makeflashgame.blogspot.com/2011/09/how-to-make-flash-game-part-1.html" style="color: #3778cd; text-decoration: none;">How to make a flash game? Part 1</a></span></span><br />
<span class="Apple-style-span" style="background-color: white; color: #444444; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><a href="http://makeflashgame.blogspot.com/2011/09/how-to-make-flash-game-part-2.html" style="color: #3778cd; text-decoration: none;"><span class="Apple-style-span" style="font-size: medium;">How to make a flash game? Part 2</span></a></span></span><br />
<ol><span style="font-family: ARIAL, GENEVA, sans-serif;"> </span></ol>Charley Smithhttp://www.blogger.com/profile/14194802166677314928noreply@blogger.com0tag:blogger.com,1999:blog-4698093431114459316.post-53645445068988390342011-09-27T02:39:00.000-07:002011-09-28T11:43:11.184-07:00How to make a flash game? Part 2<span class="Apple-style-span" style="background-color: white;"></span><br />
<span class="Apple-style-span" style="background-color: white;"></span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Lets start the second part of the <b>how to make a flash game</b> tutorial. In this article I will continue working from <a href="http://makeflashgame.blogspot.com/2011/09/how-to-make-flash-game-part-1.html">previous tutorial</a> with our ball character, controlled by the player. I will show you how to make the ball jump, with a real gravity behavior, bounce when hit the ground and limiting the player's ball within the screen.</span></div><table border="0" cellpadding="0" cellspacing="0" id="table1"></table><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;">Making a jumping ball. Creating the ball character</span><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1"></table><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">First we have to make the character, please refer to the previous tutorial where these steps are explained in details. </span></div><ul><li><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Create the new project,</span></li>
<li><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Draw the ball circled character,</span></li>
<li><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Convert it to a Symbol with our instance 'ball'. </span></li>
</ul><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">You should have something like this</span><br />
<div><span class="Apple-style-span" style="background-color: white;"><img border="1" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%202/imgs/1.jpg" /></span></div><div><br />
</div><div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="background-color: white;"><b>Writing the </b></span><span class="Apple-style-span" style="background-color: white;"><b>script for </b></span><span class="Apple-style-span" style="background-color: white;"><b>jump handling </b></span></span></div><div><span class="Apple-style-span" style="background-color: white;"></span><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1" style="width: 100%;"><tbody>
<tr><td align="left"><table border="0" bordercolor="#000080" style="width: 100%;"><tbody>
<tr><td bgcolor="#E9E9E9"><span class="Apple-style-span" style="color: blue; font-family: Times, 'Times New Roman', serif;"></span><br />
<div class="MsoNormal"><span class="Apple-style-span" style="color: blue; font-family: Times, 'Times New Roman', serif;"><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">onClipEvent</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">(</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">load</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">) {</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> GroundY =</span><span class="apple-converted-space"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">_y</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">;</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//so we know where to end the jump</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> Jumping =</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">false</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">;</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//is player jumping?</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> JumpPower = 30;</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//Initial power of the jump, the more the higher it goes</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> JumpSpeed = 0;</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//jump direction , =0 is Still , >0 is going Down , <0 is going Up</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> Gravity = 3.5;</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//This is the force of the gravity pulling it down</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">}</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">onClipEvent</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">(</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">enterFrame</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">) {</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> </span><span class="apple-converted-space"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">var</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">tmpY;</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> </span><span class="apple-converted-space"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">if</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">(Jumping==</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">true</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">){</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"> //if jumping...</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> JumpSpeed += Gravity;</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">// Apply gravity force</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> tmpY =</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">_y</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">+ JumpSpeed;</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//Calculate new y position</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"> //check if have touched back to the ground</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">if</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">(tmpY >= GroundY){</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//Player is back to ground</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> tmpY = GroundY;</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//set player to the ground</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> Jumping=</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">false</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">;</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//disable jumping since we have returned to ground</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> }</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">_y</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">= tmpY;</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//Set the new players position</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> }</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">else</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">{</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"> //if not jumping..</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">if</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">(</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">Key</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">.</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">isDown</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">(</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">Key.SPACE</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">)){</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//if Space is press</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> JumpSpeed = -JumpPower;</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//Initialise speed ( negative because we are going up )</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> Jumping=</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">true</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">;</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//Activate jumping</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> }</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> }</span><br />
<span class="apple-style-span">}</span></span></span></div></td></tr>
</tbody></table></td></tr>
<tr><td align="left"><br />
</td></tr>
</tbody></table></div><div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">I commented every line of the code so I don't think any further explanations are necessary.</span></div><div><table border="0" cellpadding="0" cellspacing="0" id="table1"></table><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">You can test the flash on movie bellow or download the source code.</span><span class="Apple-style-span" style="background-color: white;"><embed align="middle" allowscriptaccess="sameDomain" bgcolor="#ffffff" height="200" name="BasicGameDevelopment0" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%202/Part2-1.swf" type="application/x-shockwave-flash" width="550"></embed></span><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1"><tbody>
<tr><td align="left"><br />
</td></tr>
</tbody></table><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1"></table><span class="Apple-style-span" style="background-color: white; font-family: Verdana, sans-serif;"> <b><span style="color: red;">Flash Demo </span></b>(click on the ball and press the space key to make ball jump)</span><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1"></table><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;">Adding the bouncing behavior</span><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1" style="width: 100%;"></table><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Now we should add a little script to make a ball bounce back instead of sticking on the ground. You should remember that ball when bounce it will loose some energy so it will not reach the same height as before.. until it comes to rest on the ground. Here is a new code added in bold and colored</span></div><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1" style="width: 100%;"><tbody>
<tr><td align="left"><table border="0" bordercolor="#000080" style="width: 100%;"><tbody>
<tr><td bgcolor="#E9E9E9"><div class="MsoNormal"><span class="Apple-style-span" style="color: #666666; font-family: inherit;"><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;">onClipEvent (load) {</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> GroundY = _y;//so we know where to end the jump</span><br />
<span class="apple-style-span"> Jumping = false;//is player jumping?</span><br />
<span class="apple-style-span"> JumpPower = 30; //Initial power of the jump, the more the higher it goes</span><br />
<span class="apple-style-span"> JumpSpeed = 0; //jump direction , =0 is Still , >0 is going Down , <0 is going Up</span><br />
<span class="apple-style-span"> Gravity = 3.5; //This is the force of the gravity pulling it down</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> BounceEnergyLoss= 5;</span></b></span><span class="apple-converted-space"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></b></span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//Energy lost during bouncing</span></b></span><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span></b><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> MinimunBounceSpeed = 1;</span></b></span><span class="apple-converted-space"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"> </span></b></span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//If the speed to bounce back is less than this then don't bounce</span></b></span><b><u><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span></u></b><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;">}</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: grey;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;">onClipEvent (enterFrame) {</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> var tmpY;</span><br />
<span class="apple-style-span"> if(Jumping==true){</span><br />
<span class="apple-style-span"> //if jumping...</span><br />
<span class="apple-style-span"> JumpSpeed += Gravity; // Apply gravity force</span><br />
<span class="apple-style-span"> tmpY = _y + JumpSpeed;//Calculate new y position</span><br />
<span class="apple-style-span"> //check if have touched back to the ground</span><br />
<span class="apple-style-span"> if(tmpY >= GroundY){</span><br />
<span class="apple-style-span"> //Player is back to ground</span><br />
<span class="apple-style-span"> tmpY = GroundY; //set player to the ground</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><s><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">Jumping=</span></s></span><span class="apple-style-span"><s><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">false</span></s></span><span class="apple-style-span"><s><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">;</span></s></span><span class="apple-style-span"><s><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//disable jumping since we have returned to ground</span></s></span><s><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span></s><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> JumpSpeed -= BounceEnergyLoss;</span></b></span><span class="apple-converted-space"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"> </span></b></span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//decrease speed</span></b></span><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span></b><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></b></span><span class="apple-converted-space"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></b></span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//check if it must stop bouncing</span></b></span><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span></b><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></b></span><span class="apple-converted-space"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></b></span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">if</span></b></span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">(JumpSpeed < MinimunBounceSpeed){</span></b></span><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span></b><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></b></span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//stop bounce</span></b></span><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span></b><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> Jumping=</span></b></span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">false</span></b></span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">;</span></b></span><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> }</span></span></b><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span></b><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> JumpSpeed = -JumpSpeed;</span></b></span><span class="apple-converted-space"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"> </span></b></span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//change direction ( to bounce up again )</span></b></span><b><u><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span></u></b><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"> }</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> _y = tmpY;//Set the new players position</span><br />
<span class="apple-style-span"> </span><br />
<span class="apple-style-span"> }else{</span><br />
<span class="apple-style-span"> //if not jumping..</span><br />
<span class="apple-style-span"> if(Key.isDown(Key.SPACE)){</span><br />
<span class="apple-style-span"> //if Space is press</span><br />
<span class="apple-style-span"> JumpSpeed = -JumpPower; //Initialise speed ( negative because we are going up )</span><br />
<span class="apple-style-span"> Jumping=true;//Activate jumping</span><br />
<span class="apple-style-span"> }</span><br />
<span class="apple-style-span"> }</span><br />
<span class="apple-style-span">}</span></span></span></div></td></tr>
</tbody></table></td></tr>
</tbody></table><br />
<br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;">You can also test this bellow</span><span class="Apple-style-span" style="background-color: white;"><embed align="middle" allowscriptaccess="sameDomain" bgcolor="#ffffff" height="200" name="BasicGameDevelopment1" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%202/Part2-2.swf" type="application/x-shockwave-flash" width="550"></embed></span><br />
<span class="Apple-style-span" style="background-color: white; font-family: Verdana, sans-serif;"><b><span style="color: red;">Flash Demo </span></b>(click on the ball and press the space key to make ball jump)</span><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1"></table><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;">Adding the </span><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;">Left/Right</span><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;"> Moving and Screen Boundaries</span><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1"></table><u><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Adding the Left/Right moving script</span></u><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1"></table><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">I will just copy and paste the code from the first part, nothing new here. </span>N<span class="Apple-style-span" style="font-family: Verdana, sans-serif;">ew code and the changes/additions will be bold and colored while the removed parts will be strikethrough.</span></div><table border="0" cellpadding="0" cellspacing="0" id="table1"></table><span class="Apple-style-span" style="background-color: white;"></span><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1" style="width: 100%;"><tbody>
<tr><td align="left"><table border="0" bordercolor="#000080" style="border-collapse: collapse; width: 100%;"><tbody>
<tr><td bgcolor="#E9E9E9"><span class="Apple-style-span" style="color: #666666;"></span><br />
<div class="MsoNormal"><span class="Apple-style-span" style="color: #666666;"><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;">onClipEvent (load) {</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> GroundY = _y;//so we know where to end the jump</span><br />
<span class="apple-style-span"> Jumping = false;//is player jumping?</span><br />
<span class="apple-style-span"> JumpPower = 30; //Initial power of the jump, the more the higher it goes</span><br />
<span class="apple-style-span"> JumpSpeed = 0; //jump direction , =0 is Still , >0 is going Down , <0 is going Up</span><br />
<span class="apple-style-span"> Gravity = 3.5; //This is the force of the gravity pulling it down</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"> BounceEnergyLoss = 7; //Energy lost during bouncing</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> MinimunBounceSpeed = 1; //If the speed to bounce back is less than this then don't bounce</span></span><b><u><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span></u></b><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;">}</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: grey;"><br />
<br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;">onClipEvent (enterFrame) {</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> var tmpY;</span><br />
<span class="apple-style-span"> if(Jumping==true){</span><br />
<span class="apple-style-span"> //if jumping...</span><br />
<span class="apple-style-span"> JumpSpeed += Gravity; // Apply gravity force</span><br />
<span class="apple-style-span"> tmpY = _y + JumpSpeed;//Calculate new y position</span><br />
<span class="apple-style-span"> //check if have touched back to the ground</span><br />
<span class="apple-style-span"> if(tmpY >= GroundY){</span><br />
<span class="apple-style-span"> //Player is back to ground</span><br />
<span class="apple-style-span"> tmpY = GroundY; //set player to the ground</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></b></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"> JumpSpeed -= BounceEnergyLoss; //decrease speed</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> //check if it must stop bouncing</span><br />
<span class="apple-style-span"> if (JumpSpeed < MinimunBounceSpeed){</span><br />
<span class="apple-style-span"> //stop bounce</span><br />
<span class="apple-style-span"> Jumping=false;</span><br />
<span class="apple-style-span"> }</span><br />
<span class="apple-style-span"> JumpSpeed = -JumpSpeed; //change direction ( to bounce up again )</span><u><br />
</u><span class="apple-style-span"> }</span><br />
<span class="apple-style-span"> _y = tmpY;//Set the new players position</span><br />
<span class="apple-style-span"> </span><br />
<span class="apple-style-span"> }else{</span><br />
<span class="apple-style-span"> //if not jumping..</span><br />
<span class="apple-style-span"> if(Key.isDown(Key.SPACE)){</span><br />
<span class="apple-style-span"> //if Space is press</span><br />
<span class="apple-style-span"> JumpSpeed = -JumpPower; //Initialise speed ( negative because we are going up )</span><br />
<span class="apple-style-span"> Jumping=true;//Activate jumping</span><br />
<span class="apple-style-span"> }</span><br />
<span class="apple-style-span"> }</span><br />
<br />
<span class="apple-style-span"> </span><span class="apple-converted-space"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//Moving code</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> </span><span class="apple-converted-space"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">if</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">(</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">Key.isDown</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">(</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">Key.LEFT)</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">){</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">_x</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">-=5;</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> }</span><br />
<span class="apple-style-span"> </span><span class="apple-converted-space"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">if</span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">(</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">Key.isDown</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">(</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">Key.RIGHT</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">)){</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">_x</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">+=5;</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> }</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span">}</span></span></span></div></td></tr>
</tbody></table></td></tr>
<tr><td align="left"><br />
</td></tr>
</tbody></table><table border="0" cellpadding="0" cellspacing="0" id="table1"></table><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">You can also test this bellow</span><span class="Apple-style-span" style="background-color: white;"><embed align="middle" allowscriptaccess="sameDomain" bgcolor="#ffffff" height="200" name="BasicGameDevelopment2" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%202/Part2-3.swf" type="application/x-shockwave-flash" width="550"></embed></span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="background-color: white;"><b><span style="color: red;">Flash Demo </span></b>(click on the ball and press the space key to make ball jump)</span><span class="Apple-style-span" style="background-color: white;"><span class="Apple-style-span" style="color: red;"><b><br />
</b> </span><br />
<u>Adding the Screen Limits</u></span></span><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1"></table><div style="text-align: justify;"><span class="Apple-style-span" style="background-color: white;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Now to add the screen limits we need to add a little script with some statements</span><br />
</span></div><table border="0" cellpadding="0" cellspacing="0" id="table1" style="width: 100%;"><tbody>
<tr><td align="left"><table border="0" bordercolor="#000080" style="border-collapse: collapse; width: 100%;"><tbody>
<tr><td bgcolor="#E9E9E9"><span class="Apple-style-span" style="color: #666666;"></span><br />
<div class="MsoNormal"><span class="Apple-style-span" style="color: #666666;"><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;">onClipEvent (load) {</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> GroundY = _y;//so we know where to end the jump</span><br />
<span class="apple-style-span"> Jumping = false;//is player jumping?</span><br />
<span class="apple-style-span"> JumpPower = 30; //Initial power of the jump, the more the higher it goes</span><br />
<span class="apple-style-span"> JumpSpeed = 0; //jump direction , =0 is Still , >0 is going Down , <0 is going Up</span><br />
<span class="apple-style-span"> Gravity = 3.5; //This is the force of the gravity pulling it down</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"> BounceEnergyLoss = 7; //Energy lost during bouncing</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> MinimunBounceSpeed = 1; //If the speed to bounce back is less than this then don't bounce</span><br />
<span class="apple-style-span"> </span><span class="apple-converted-space"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">ScreenWidth = 550;</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;">//Screen width</span></span><b><u><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span></u></b><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;">}</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: grey;"><br />
<br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;">onClipEvent (enterFrame) {</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> var tmpY;</span><br />
<span class="apple-style-span"> if(Jumping==true){</span><br />
<span class="apple-style-span"> //if jumping...</span><br />
<span class="apple-style-span"> JumpSpeed += Gravity; // Apply gravity force</span><br />
<span class="apple-style-span"> tmpY = _y + JumpSpeed;//Calculate new y position</span><br />
<span class="apple-style-span"> //check if have touched back to the ground</span><br />
<span class="apple-style-span"> if(tmpY >= GroundY){</span><br />
<span class="apple-style-span"> //Player is back to ground</span><br />
<span class="apple-style-span"> tmpY = GroundY; //set player to the ground</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: green;"><br />
</span><span class="apple-style-span"><b><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"> </span></b></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"> JumpSpeed -= BounceEnergyLoss; //decrease speed</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span"> //check if it must stop bouncing</span><br />
<span class="apple-style-span"> if (JumpSpeed < MinimunBounceSpeed){</span><br />
<span class="apple-style-span"> //stop bounce</span><br />
<span class="apple-style-span"> Jumping=false;</span><br />
<span class="apple-style-span"> }</span><br />
<span class="apple-style-span"> JumpSpeed = -JumpSpeed; //change direction ( to bounce up again )</span><u><br />
</u><span class="apple-style-span"> }</span><br />
<span class="apple-style-span"> _y = tmpY;//Set the new players position</span><br />
<span class="apple-style-span"> </span><br />
<span class="apple-style-span"> }else{</span><br />
<span class="apple-style-span"> //if not jumping..</span><br />
<span class="apple-style-span"> if(Key.isDown(Key.SPACE)){</span><br />
<span class="apple-style-span"> //if Space is press</span><br />
<span class="apple-style-span"> JumpSpeed = -JumpPower; //Initialise speed ( negative because we are going up )</span><br />
<span class="apple-style-span"> Jumping=true;//Activate jumping</span><br />
<span class="apple-style-span"> }</span><br />
<span class="apple-style-span"> }</span><br />
<br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: grey;"> //Moving code</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: grey;"> if (Key.isDown(Key.LEFT)){</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"> </span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">if</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">((</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">_x</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">-5) > (</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">_width</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">/2)) {</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: grey;"> _x-=5;</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"> </span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">}</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: grey;"> }</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: grey;"> if (Key.isDown(Key.RIGHT)){</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"> </span></span><span class="apple-converted-space"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"> </span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">if</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">((</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">_x</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">+5) < ScreenWidth-(</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: blue;">_width</span></span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;">/2)) {</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: grey;"> _x+=5;</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: black;"><br />
<span class="apple-style-span"> }</span><br />
</span><span class="apple-style-span"><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: grey;"> }</span></span><span style="background-attachment: initial; background-clip: initial; background-color: #e9e9e9; background-image: initial; background-origin: initial; color: #666666;"><br />
<span class="apple-style-span">}</span></span></span></div></td></tr>
</tbody></table></td></tr>
<tr><td align="left"><span class="Apple-style-span" style="background-color: white;"><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;">You can also test this bellow</span><embed align="middle" allowscriptaccess="sameDomain" bgcolor="#ffffff" height="200" name="BasicGameDevelopment4" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%202/Part2-4.swf" type="application/x-shockwave-flash" width="550"></embed></span></td></tr>
</tbody></table><table border="0" cellpadding="0" cellspacing="0" id="table1"><tbody> </tbody></table><span class="Apple-style-span" style="background-color: white; font-family: Verdana, sans-serif;"><b><span style="color: red;">Flash Demo </span></b>(click on the ball and press the space key to make ball jump)</span><br />
<span class="Apple-style-span" style="background-color: white; font-family: Verdana, sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="background-color: white;">So, in this tutorial you learned the basic fundamentals of </span><span class="Apple-style-span" style="background-color: white; color: #444444; line-height: 18px;"><b>how to make a flash game</b>. You are now familiar with designing of characters, programming its behavior, responding to different keyboard events.</span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;"><br />
</span></span><br />
<span class="Apple-style-span" style="background-color: white; color: #444444; font-family: Verdana, sans-serif; line-height: 18px;">Resources used:</span><br />
<span class="Apple-style-span" style="background-color: white; color: #444444; font-family: Verdana, sans-serif; line-height: 18px;"><a href="http://www.tutorialized.com/">http://www.tutorialized.com/</a></span><br />
<span class="Apple-style-span" style="background-color: white; color: #444444; font-family: Verdana, sans-serif; font-size: 13px; line-height: 18px;"><b><br />
</b></span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><a href="http://makeflashgame.blogspot.com/2011/09/what-is-flash-player.html"><span class="Apple-style-span" style="font-size: large;">What is flash player?</span></a></span><br />
<a href="http://makeflashgame.blogspot.com/2011/09/how-to-make-flash-game-part-1.html"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;">How to make a flash game? Part 1</span></a><br />
<span class="Apple-style-span" style="background-color: white; color: blue; font-family: Verdana, sans-serif; font-size: large;"><a href="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%202/Part2-4.zip">Download Final Source Code File ( .fla )</a></span></div>Charley Smithhttp://www.blogger.com/profile/14194802166677314928noreply@blogger.com1tag:blogger.com,1999:blog-4698093431114459316.post-69819379352592059642011-09-27T02:28:00.000-07:002011-09-28T12:00:01.313-07:00How to make a flash game? Part 1<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Welcome to the first part of how to make a flash game tutorial. This part describes the basic approaches and principles about making games using Adobe Flash 8. You can see some of my Flash games at the general projects section. This tutorial is written to help anyone who just started with game development and try to make your life easier by sharing some of my knowledge on this matter so you won't go crazy trying to figure things out by yourself.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;">Some history</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Flash was introduced as a web multimedia tool, so web developers could create interactive animations for their websites. Later after it got more popular it also got more powerful, quick and complicated, allowing the programmer to do much more work than just simple interactive animation. Flash was created by macromedia team and was bought by adobe some time ago. The latest flash version is Adobe Flash 8, and you can </span><span class="Apple-style-span" style="background-color: white;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><a href="http://www.adobe.com/products/flash/" rel="nofollow" target="_blank">download it here</a>. </span></span><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">The Flash CS3 is the version to come and it is not that far away from publishing. The next version will introduce many new great features , however you can use almost everything you know from version 8.</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;">Actionscript</span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Actionscript is a programming language which is used by flash. When you create your own game you program it on actionscript. It is a scripting language which allow you to control the flow of game and it's similar to Javascript or C++ . Actionscript is an object-oriented language, so if you already know a C++ then it can be very helpful for you.</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;">The First Interactive Flash Animation</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;">So, lets start making simple application. It will be a basis for learning of </span><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">how to make a flash game. </span><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">First we will create a circled character. Our mission is to be able to move this circle in the Flash screen using the keyboards left/right arrow keys. </span><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">In this example we will make a Circle for our character.</span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">To make the character just pick the <b>oval tool</b> from the toolbar and draw a circle.</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="background-color: white; font-family: 'Times New Roman';"><img border="1" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%201/imgs/1.jpg" alt="Making the oval tool for your flash game" /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Then select the circle and <b>right click</b> on it. Choose the <b>"Convert to Symbol"</b> option form the popup menu</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="background-color: white; font-family: 'Times New Roman';"><img border="1" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%201/imgs/2.jpg" /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Name the new symbol as <b>'Ball'</b> and make sure you have the <b>Type : Movie Clip </b>selected</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="background-color: white; font-family: 'Times New Roman';"><img border="1" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%201/imgs/3.jpg" /></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">You have created a new symbol, now select it and name this instance also as <b>'Ball'</b>, you can find this in the <b>Properties tab</b>.</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="background-color: white; font-family: 'Times New Roman';"><img border="1" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%201/imgs/4.jpg" /></span></span></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;">Writing the Script</span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">To make the ball moved by keyboard you should write the code. Just select the symbol and open the actions tab</span></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;">The Script:</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="background-color: white; font-family: 'Times New Roman';"></span></span><br />
<table border="0" cellpadding="0" cellspacing="0" id="table1" style="width: 100%;"><tbody>
<tr><td><table border="0" bordercolor="#0000FF" cellpadding="0" cellspacing="0" id="table18" style="width: 100%;"><tbody>
<tr><td bgcolor="#F0F0F0" bordercolor="#000080"><span style="color: blue;">o<span style="font-family: Arial;">nClipEvent</span></span><span style="font-family: Arial;"> (<span style="color: blue;">enterFrame</span>) {<br />
<span style="color: blue;">if </span>(<span style="color: blue;">Key.isDown</span>(<span style="color: blue;">Key.LEFT</span>)){<br />
<span style="color: blue;"> </span><span style="color: blue;">_x</span>-=3;<br />
}<br />
<span style="color: blue;">if</span> (<span style="color: blue;">Key.isDown</span>(<span style="color: blue;">Key.RIGHT</span>)){<br />
<span style="color: blue;"> _x</span>+=3;<br />
}<br />
}</span></td></tr>
</tbody></table></td></tr>
<tr></tr>
</tbody></table><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;">The screenshot :</span><br />
<span class="Apple-style-span" style="background-color: white;"><img border="1" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%201/imgs/5.jpg" /></span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><u>Script explanation</u></span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Script is intended for moving our character to Left/Right according to key </span><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">which is </span><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">pressed</span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><u>Movie Events</u></span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">We have <i>onClipEvent (enterFrame)</i> which executes every time a new frame is started. </span><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Every flash clip has its own <i>onClipEvent</i> which is executed depending on the argument in brackets.</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><u>Keyboard functions</u></span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">To get keyboard keys that are pressed we use <i>theKey.isDown</i> function. <i>theKey.LEFT</i> is just to check for the left arrow key. if the players is holding the left key down then <i>theKey.isDown(Key.LEFT)</i> will be true, so the code inside the if will be executed.</span></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><u>Changing the Movie parameters</u></span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">If we want to move the ball to the left or right we should change it's <i>X</i> coordinate on the screen. To move it left we must decrease the <i>X</i> coordinate and to move it right we must increase the X coordinate. To change a movieclips <i>x</i> value we <i>do MovieClipName._x= thevalue;</i>. Other useful parameters are : <i>_x , _y , _alpha , ._width , _height , _visible ...</i></span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;">In general these things can be very similar for your future scripts for moving characters, so when you will make your own flash game, you will see that these approaches will be very familiar for you.</span></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;">Testing the flash movie</span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"><embed align="middle" allowscriptaccess="sameDomain" bgcolor="#ffffff" height="200" name="BasicGameDevelopment" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%201/BasicGameDevelopment.swf" type="application/x-shockwave-flash" width="550"></embed></span></div><br />
<div style="text-align: -webkit-left;"><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: Verdana, sans-serif; font-size: 13px; line-height: 18px;"><b><span style="color: red;">Flash Demo </span></b>(click on the ball and press the space key to make ball jump)</span></div><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;">Changing the frame rate</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;">If your version of the game not so smooth as expected then you must change the frame rate of the movie.. the default value is 12 fps. Setting it to about 30 fps will do smoothing fine. You can change it from movie properties</span><br />
<span class="Apple-style-span" style="background-color: white;"><img border="0" src="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%201/imgs/6.jpg" /></span><br />
<span class="Apple-style-span" style="background-color: white;"><br />
</span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: Verdana, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="background-color: white;">So, in this tutorial you learned the basic fundamentals of </span><span class="Apple-style-span" style="background-color: white; color: #444444; line-height: 18px;"><b>how to make a flash game</b>. You are now familiar with designing of characters, programming its behavior, responding to different keyboard events. Please continue reading second part of this tutorial to get more detailed explanation</span></span></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="background-color: white; color: #444444; font-size: 13px; line-height: 18px;"><span class="Apple-style-span" style="color: #444444; font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;"></span></span><br />
<span class="Apple-style-span" style="background-color: white; color: #444444; font-family: Verdana, sans-serif; line-height: 18px;">Resources used:</span><br />
<span class="Apple-style-span" style="background-color: white; color: #444444; font-family: Verdana, sans-serif; line-height: 18px;"><a href="http://www.tutorialized.com/" style="color: #3778cd; text-decoration: none;">http://www.tutorialized.com/</a></span></span></span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><a href="http://makeflashgame.blogspot.com/2011/09/what-is-flash-player.html"><span class="Apple-style-span" style="font-size: large;">What is flash player?</span></a></span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><a href="http://makeflashgame.blogspot.com/2011/09/how-to-make-flash-game-part-2.html"><span class="Apple-style-span" style="font-size: large;">How to make a flash game? Part 2</span></a></span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><span class="Apple-style-span" style="background-color: white; font-family: 'Times New Roman';"><span style="color: blue; font-size: large;"><a href="http://www.phoenixbit.com/site/tutorials/Programming/Flash/Basic%20Game%20Development%20Part%201/BasicGameDevelopment.zip">Download Tutorial Source file ( .fla )</a></span></span></span>Charley Smithhttp://www.blogger.com/profile/14194802166677314928noreply@blogger.com1