<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>CodeBasic.net &#124; Malaysia&#039;s Web Developer cum Designer &#187; Flash &amp; Actionscript</title>
	<atom:link href="http://codebasic.net/category/flash-actionscript/feed/" rel="self" type="application/rss+xml" />
	<link>http://codebasic.net</link>
	<description></description>
	<lastBuildDate>Fri, 20 Aug 2010 12:19:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Simple Flash Based Text Scroller</title>
		<link>http://codebasic.net/simple-flash-based-text-scroller/</link>
		<comments>http://codebasic.net/simple-flash-based-text-scroller/#comments</comments>
		<pubDate>Sat, 02 Jan 2010 03:43:56 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[Flash & Actionscript]]></category>
		<category><![CDATA[dynamic textbox]]></category>
		<category><![CDATA[flash scrolling   text]]></category>
		<category><![CDATA[Flash Text Scroller]]></category>
		<category><![CDATA[Scroll textbox]]></category>
		<category><![CDATA[Scrollbar in Flash]]></category>
		<category><![CDATA[Scrolling text in Flash]]></category>
		<category><![CDATA[Text Scroller]]></category>

		<guid isPermaLink="false">http://codebasic.net/?p=301</guid>
		<description><![CDATA[Do you know how to create a flash based text scroller to scroll a few lines of text?
This tutorial will help you to create the text scroller by just following the simple instructions:
Step 1: Create a dynamic textbox.

Step 2: Set the textbox to Multiline, and name the instance as &#8217;scroller&#8217;.


Step 3: Right click on the [...]]]></description>
			<content:encoded><![CDATA[<p>Do you know how to create a flash based text scroller to scroll a few lines of text?</p>
<p>This tutorial will help you to create the text scroller by just following the simple instructions:</p>
<p><strong>Step 1:</strong> Create a dynamic textbox.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/text_scroller01.gif" border="0" alt="text_scroller01" /></p>
<p><strong>Step 2:</strong> Set the textbox to <strong>Multiline</strong>, and name the instance as &#8217;scroller&#8217;.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/text_scroller02.gif" border="0" alt="text_scroller02" /></p>
<p><span id="more-301"></span></p>
<p><strong>Step 3:</strong> Right click on the dynamic text and choose <strong>Scrollable</strong>.</p>
<p><strong>Step 4:</strong> Create 2 arrow key button to scroll up/down.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/text_scroller03-1.gif" border="0" alt="text_scroller03" /></p>
<p><strong>Step 5: </strong>Place this Actionscript into the button.</p>
<p><strong>Scroll Up</strong></p>
<div style="background-color:#D5E9FD; border:1px dotted #99CCFF"><span style="color: #0000ff;">on</span>(<span style="color: #0000ff;">release</span>){</p>
<p>scroller.<span style="color: #0000ff;">scroll</span>=scroller.<span style="color: #0000ff;">scroll</span>-1;</p>
<p>}</p></div>
<p><strong>Scroll Down</strong></p>
<div style="background-color:#D5E9FD; border:1px dotted #99CCFF"><span style="color: #0000ff;">on</span>(<span style="color: #0000ff;">release</span>){</p>
<p>scroller.<span style="color: #0000ff;">scroll</span>=scroller.<span style="color: #0000ff;">scroll</span>+1;</p>
<p>}</p></div>
]]></content:encoded>
			<wfw:commentRss>http://codebasic.net/simple-flash-based-text-scroller/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Basic Motion Guide Tween Tutorial</title>
		<link>http://codebasic.net/basic-motion-guide-tween-tutorial/</link>
		<comments>http://codebasic.net/basic-motion-guide-tween-tutorial/#comments</comments>
		<pubDate>Fri, 25 Dec 2009 23:59:54 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[Flash & Actionscript]]></category>
		<category><![CDATA[Create Motion Guide]]></category>
		<category><![CDATA[Flash Animation Motion Guide]]></category>
		<category><![CDATA[Flash Motion Guide]]></category>
		<category><![CDATA[motion guide]]></category>
		<category><![CDATA[Motion Guide in Flash]]></category>
		<category><![CDATA[motion guide tutorial]]></category>
		<category><![CDATA[Motion Guide Tweening]]></category>

		<guid isPermaLink="false">http://codebasic.net/?p=299</guid>
		<description><![CDATA[This Flash tutorial will show you how to use a motion guide to move an object.
 Step 1: Draw an object on layer 1 and convert it into movie clip.
 Step 2: Then, select the Tween in the Properties to Motion.

 Step 3: Then, click on frame 30 and insert keyframe. Here, move the object [...]]]></description>
			<content:encoded><![CDATA[<p>This Flash tutorial will show you how to use a <strong>motion guide</strong> to move an object.</p>
<p><strong> Step 1:</strong> Draw an object on layer 1 and convert it into movie clip.</p>
<p><strong> Step 2: </strong>Then, select the Tween in the Properties to Motion.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/motion_guide1.gif" border="0" alt="motion_guide1" /></p>
<p><strong> Step 3:</strong> Then, click on frame 30 and insert keyframe. Here, move the object to another location. For this tutorial, I&#8217;m going to be using simple circle.</p>
<p><span id="more-299"></span></p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/motion_guide3.gif" border="0" alt="motion_guide3" /></p>
<p><strong> Step 4:</strong> Right click on the layer 1, choose “<strong>Add Motion Guide</strong>”. Next, choose the pen tool to draw the curve.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/motion_guide2.gif" border="0" alt="motion_guide2" /></p>
]]></content:encoded>
			<wfw:commentRss>http://codebasic.net/basic-motion-guide-tween-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Convert Bitmap Images to Vector in Flash</title>
		<link>http://codebasic.net/convert-bitmap-images-to-vector-in-flash/</link>
		<comments>http://codebasic.net/convert-bitmap-images-to-vector-in-flash/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 03:07:55 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[Flash & Actionscript]]></category>
		<category><![CDATA[bitmap image to vector graphics]]></category>
		<category><![CDATA[bitmap images]]></category>
		<category><![CDATA[bitmap to vector]]></category>
		<category><![CDATA[Bitmap to Vector Conversion]]></category>
		<category><![CDATA[convert bitmap to vector]]></category>
		<category><![CDATA[vector graphics]]></category>

		<guid isPermaLink="false">http://codebasic.net/?p=296</guid>
		<description><![CDATA[Do you know that you can convert your bitmap image to vector graphics using Flash? This is good tutorial for you since you can learn how to convert bitmap to vector in order to achieve a cool look and minimize your file size.

[bitmap image]

[vector graphic]
Steps On How To Convert A Bitmap To Vector
Just follow these [...]]]></description>
			<content:encoded><![CDATA[<p>Do you know that you can convert your <strong>bitmap image to vector graphics </strong>using Flash? This is good tutorial for you since you can learn how to convert bitmap to vector in order to achieve a cool look and minimize your file size.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/bitmap_image.gif" border="0" alt="bitmap_image" /><br />
[bitmap image]</p>
<p style="text-align: center;"><img class="aligncenter" src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/vector_graphic.gif" border="0" alt="vector_graphic" /><br />
[vector graphic]</p>
<p><span style="text-decoration: underline;"><strong>Steps On How To Convert A Bitmap To Vector</strong></span></p>
<p>Just follow these simple steps and you will learn how to convert bitmap into vector:<span style="text-decoration: underline;"><strong><br />
</strong></span></p>
<p><span style="text-decoration: underline;"><strong><span id="more-296"></span></strong></span>1.Import your bitmap image into your Flash, go to <strong>File -&gt; Import -&gt; Import to Stage</strong></p>
<p>2.Select your bitmap.</p>
<p>3.Then, convert it into vector graphics, go to <strong>Modify -&gt; Bitmap -&gt; Trace Bitmap.</strong></p>
<p>4.You can adjust the settings to optimize your image for size and quality.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/trace_bitmap.gif" border="0" alt="trace_bitmap" /></p>
]]></content:encoded>
			<wfw:commentRss>http://codebasic.net/convert-bitmap-images-to-vector-in-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating Xmas Snowing Effect Using Flash</title>
		<link>http://codebasic.net/creating-xmas-snowing-effect-using-flash/</link>
		<comments>http://codebasic.net/creating-xmas-snowing-effect-using-flash/#comments</comments>
		<pubDate>Sat, 12 Dec 2009 01:29:34 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[Flash & Actionscript]]></category>
		<category><![CDATA[Christmas Snowing]]></category>
		<category><![CDATA[Flash Snowing Effect]]></category>
		<category><![CDATA[Xmas Snowing]]></category>

		<guid isPermaLink="false">http://codebasic.net/?p=291</guid>
		<description><![CDATA[This tutorial will help you how to write the Actionscript to create snow animation effects. It also specifies the properties to be set, the frames to be selected etc. Just follow the necessary steps and I will explain each step in detail.

Steps 1: Create a snow particle. Click the Oval tool from your toolbox and [...]]]></description>
			<content:encoded><![CDATA[<p>This tutorial will help you how to write the Actionscript to create snow animation effects. It also specifies the properties to be set, the frames to be selected etc. Just follow the necessary steps and I will explain each step in detail.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/showing_flash_01.gif" border="0" alt="showing_flash_01" /></p>
<p><strong>Steps 1: </strong>Create a snow particle. Click the<strong> Oval tool </strong>from your toolbox and set the color to white from your color palette.</p>
<p><strong>Steps 2: </strong>Then convert it to movie clip by right clicking on the circle.</p>
<p><strong>Steps 3:</strong> Select your movie clip and go to the Properties panel and type the word <strong>“snow”</strong> in &lt;Instance Name&gt;.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/snowing_flash_02.gif" border="0" alt="snowing_flash_02" /></p>
<p><strong>Steps 4:</strong> After that, right click on your movie clip and select Actions. Copy and paste your code into Actions dialog box.</p>
<p><span id="more-291"></span></p>
<div style="border: 1px dotted #00ff7f; background-color: #d4fed4; width: 380px;"><span style="color: #0000ff;">onClipEvent (load)</span> {</p>
<p style="padding-left: 30px;"><span style="color: #808080;">//this is to specify the size of the movie stage, if you set the value of width and height to higher then the distance between each snow particle will be greater.</span></p>
<p style="padding-left: 30px;">movWidth = 380;</p>
<p style="padding-left: 30px;">movHeight = 400;</p>
<p style="padding-left: 30px;"><span style="color: #808080;">// use the Math.random() function to create a random speed of snow particle. The variable i takes a random value between 1 and 2 for the speed of the falling snow.</span></p>
<p style="padding-left: 30px;">i = 1+<span style="color: #0000ff;">Math.random()</span>*2;</p>
<p style="padding-left: 30px;">m = -<span style="color: #0000ff;">Math.PI</span>+<span style="color: #0000ff;">Math.random()</span>*<span style="color: #0000ff;">Math.PI;</span></p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">this._xscale </span>= <span style="color: #0000ff;">this._yscale</span> = 50+<span style="color: #0000ff;">Math.random()</span>*100; <span style="color: #808080;">//to make sure that x and y dimensions scale evenly</span></p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">this._alpha </span>= 75+<span style="color: #0000ff;">Math.random()</span>*100; <span style="color: #808080;">//to set the alpha (transparency) value between 75 and 100.</span></p>
<p style="padding-left: 30px;"><span style="color: #808080;">// randomly position the snow particles on your movie</span></p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">this._x</span> = -10+<span style="color: #0000ff;">Math.random()</span>*movWidth;</p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">this._y</span> = -10+<span style="color: #0000ff;">Math.random()</span>*movHeight;</p>
<p>}</p>
<p><span style="color: #0000ff;">onClipEvent (enterFrame)</span> {</p>
<p style="padding-left: 30px;"><span style="color: #808080;">// convert the value from m into radians so that movie moves horizontally</span></p>
<p style="padding-left: 30px;">radian += (m/180)*<span style="color: #0000ff;">Math.PI</span>;</p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">this._x</span> -= <span style="color: #0000ff;">Math.cos</span>(radian);</p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">this._y</span> += i;</p>
<p style="padding-left: 30px;"><span style="color: #808080;">//set the conditions so that the snow particle will disappear from the screen and appear and repeat the process over again</span></p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">if </span>(<span style="color: #0000ff;">this._y</span>&gt;=movHeight) {</p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">this._y</span> = -5;</p>
<p>}</p>
<p><span style="color: #0000ff;">if </span>(<span style="color: #0000ff;">(this._x</span>&gt;=movieWidth) || (<span style="color: #0000ff;">this._x</span>&lt;=0)) {</p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">this._x</span> = -10+<span style="color: #0000ff;">Math.random()</span>*movWidth;</p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">this._y</span> = -5;</p>
<p>}</p>
<p>}</p></div>
<p><strong>Steps 5:</strong> Right click on the first frame in your movie and select Actions. Copy and paste the following code into the Actions dialog box.</p>
<div style="border: 1px dotted #00ff7f; background-color: #d4fed4; width: 380px;"><span style="color: #0000ff;">for </span>(m=0; m&lt;50; m++) {</p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">duplicateMovieClip</span>(<span style="color: #0000ff;">this.snow</span>, &#8220;snow&#8221;+m, m);</p>
<p>}</p></div>
]]></content:encoded>
			<wfw:commentRss>http://codebasic.net/creating-xmas-snowing-effect-using-flash/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to Create A Simple Flash Countdown Timer</title>
		<link>http://codebasic.net/how-to-create-a-simple-flash-countdown-timer/</link>
		<comments>http://codebasic.net/how-to-create-a-simple-flash-countdown-timer/#comments</comments>
		<pubDate>Sun, 29 Nov 2009 08:35:30 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[Flash & Actionscript]]></category>
		<category><![CDATA[countdown animation]]></category>
		<category><![CDATA[Countdown Timer]]></category>
		<category><![CDATA[flash countdown timer]]></category>
		<category><![CDATA[Simple Countdown Timer]]></category>

		<guid isPermaLink="false">http://codebasic.net/?p=289</guid>
		<description><![CDATA[Today, I will be teaching you how to make a flash countdown timer. This is very useful because in our daily life, there are counts up or down timers.

In this tutorial, you will see how to create a countdown animation using the shape tween effect.
Step 1
Select the Text Tool, click on the stage, and in [...]]]></description>
			<content:encoded><![CDATA[<p>Today, I will be teaching you how to make a <strong>flash countdown timer</strong>. This is very useful because in our daily life, there are counts up or down timers.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="150" height="150" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="my_flash/Countdown.swf" /><embed type="application/x-shockwave-flash" width="150" height="150" src="my_flash/Countdown.swf"></embed></object></p>
<p>In this tutorial, you will see how to create a <strong>countdown animation</strong> using the shape tween effect.</p>
<p><strong>Step 1</strong></p>
<p>Select the <strong>Text Tool</strong>, click on the stage, and in <strong>Properties Panel</strong> below the scene to choose the options like it is shown on the picture below.</p>
<p><strong>Step 2</strong></p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/countdown_timer.gif" border="0" alt="countdown_timer" /></p>
<p>While the number is still selected, then right click and select break apart to make the number become shape.</p>
<p><span id="more-289"></span></p>
<p><strong>Step 3</strong></p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/countdown_timer2.gif" border="0" alt="countdown_timer2" /></p>
<p>Click on first frame, and in the<strong> Properties Panel</strong>, select the<strong> Tween Shape.</strong></p>
<p><strong>Step 4</strong></p>
<p>After done for the first numbers, try to repeat steps for number 9,8,7….0 in an equivalent way like you have done the previous number.</p>
]]></content:encoded>
			<wfw:commentRss>http://codebasic.net/how-to-create-a-simple-flash-countdown-timer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Load External Text Into Flash Movie</title>
		<link>http://codebasic.net/how-to-load-external-text-into-flash-movie/</link>
		<comments>http://codebasic.net/how-to-load-external-text-into-flash-movie/#comments</comments>
		<pubDate>Sat, 14 Nov 2009 14:22:14 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[Flash & Actionscript]]></category>
		<category><![CDATA[Loading .TXT files]]></category>
		<category><![CDATA[Loading External Text File]]></category>
		<category><![CDATA[Loading External Text Into Flash]]></category>
		<category><![CDATA[loadVariablesNum]]></category>

		<guid isPermaLink="false">http://codebasic.net/?p=285</guid>
		<description><![CDATA[This week I will teach you how to load an external text files into your flash, this is important as you no need to edit the .fla file to change the text, you just need to update the content in the text file.
First of all, create a text file text.txt, make sure that the file [...]]]></description>
			<content:encoded><![CDATA[<p>This week I will teach you how to load an external text files into your flash, this is important as you no need to edit the .fla file to change the text, you just need to update the content in the text file.</p>
<p>First of all, create a text file <strong>text.txt,</strong> make sure that the file has to be in the same path with flash file (<strong>.fla</strong>). If you still not clear about this, you may follow the steps below:</p>
<p><span style="text-decoration: underline;"><strong>Steps of Loading External Text Into Flash</strong></span></p>
<p>1. Open the text file, and write your content. The first part <strong>yourTex</strong>t is the variable name and the second part is the text that is going to be displayed. You can try to change the second part from time to time but make sure that it is after the equal mark.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/loadExternalText1i.gif" border="0" alt="loadExternalText1i" /></p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/loadExternalText2i.gif" border="0" alt="loadExternalText2i" /></p>
<p><strong>yourText</strong>=I want to see this text.In this sample, you need to create 2 dynamic text and so you need to create 2 variable in flash. Then, you can load these 2 variables in the same text file by typing <strong>&#8220;&amp;&#8221;</strong> after second part.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/loadExternalText3-3.gif" border="0" alt="loadExternalText3" /></p>
<p>2. After that, save your text file.</p>
<p><span id="more-285"></span></p>
<p><span style="text-decoration: underline;"><strong>Writing Your Actionscript To Load The External Text In Flash</strong></span></p>
<p>Use the <strong>loadVariablesNum </strong>action to load the external text files into the Flash movie, so you just need put only put the name of the text file and its level. In this case, I put the level as &#8220;0&#8243; to send the variables to the _root flash movie.</p>
<p>What you can do? You write this Actionscript on the first frame, the code will be like this:</p>
<div style="background-color:#D5E9FD; border:1px dotted #99CCFF"><strong>loadVariablesNum</strong>(&#8221;text.txt&#8221;, 0);</p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 153px; width: 1px; height: 1px;">&lt;a href=&#8221;http://s268.photobucket.com/albums/jj20/imdavidlee1983/?action=view&amp;current=loadExternalText1i.gif&#8221; target=&#8221;_blank&#8221;&gt;&lt;img src=&#8221;http://i268.photobucket.com/albums/jj20/imdavidlee1983/loadExternalText1i.gif&#8221; border=&#8221;0&#8243; alt=&#8221;Photobucket&#8221;&gt;&lt;/a&gt;</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://codebasic.net/how-to-load-external-text-into-flash-movie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Part (II): Create Rain Drop Effect Using Flash</title>
		<link>http://codebasic.net/part-ii-create-rain-drop-effect-using-flash/</link>
		<comments>http://codebasic.net/part-ii-create-rain-drop-effect-using-flash/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 03:35:59 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[Flash & Actionscript]]></category>
		<category><![CDATA[creating rain]]></category>
		<category><![CDATA[creating rain drop]]></category>
		<category><![CDATA[creating rain effect]]></category>
		<category><![CDATA[rain drop]]></category>
		<category><![CDATA[Rain drop effect]]></category>
		<category><![CDATA[rain drop in Flash]]></category>
		<category><![CDATA[rain effect]]></category>
		<category><![CDATA[raining]]></category>

		<guid isPermaLink="false">http://codebasic.net/?p=280</guid>
		<description><![CDATA[Step 8: Then create a new layer and name it rainwave. After that, click on frame 10 and press F6 key.

Step 9: Select the Oval Tool, go to the Properties Panel and select the following attributes:
1. For Line color choose #000000
2. Choose Solid as type of your line, with thickness set to 0.3.

Then, draw an [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Step 8:</strong> Then create a new layer and name it rainwave. After that, click on frame 10 and press <strong>F6 </strong>key.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/rain_drop_effect-1.gif" border="0" alt="rain_drop_effect-1" /></p>
<p><strong>Step 9: </strong>Select the Oval Tool, go to the Properties Panel and select the following attributes:</p>
<p>1. For<strong> Line color</strong> choose #000000<br />
2. Choose <strong>Solid </strong>as type of your line, with thickness set to 0.3.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/rain_drop_effect2.gif" border="0" alt="rain_drop_effect-2" /></p>
<p>Then, draw an &#8220;ellipse&#8221; and place it on the position like it is shown.</p>
<p><span id="more-280"></span></p>
<p><strong>Step 10: </strong>Select the &#8220;ellipse&#8221;, and then press <strong>F8 </strong>key to convert it into a <strong>Movie Clip</strong> or you can right click on the &#8220;ellipse&#8221; and convert to symbol. After that, double click on the movie clip. You should now be inside the movie clip.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/rain_drop_effect3.gif" border="0" alt="rain_drop_effect-3" /></p>
<p><strong>Step 11:</strong> Select the &#8220;ellipse&#8221; again, press <strong>F8 </strong>key to convert it into a <strong>Graphic.</strong></p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/rain_drop_effect4.gif" border="0" alt="rain_drop_effect-4" /></p>
<p><strong>Step 12:</strong> Click on frame 25 and press <strong>F6 </strong>key to insert the keyframe.</p>
<p><strong>Step 13:</strong> Click the Selection Tool, click on the &#8220;rainwave&#8221; and go to the Properties Panel and set the Alpha down to <strong>0%</strong>.</p>
<p><strong>Step 14:</strong> Right click anywhere on the gray area between the 2 keyframes on the timeline and choose <strong>Create Motion Tween</strong>.</p>
<p><strong>Step 15:</strong> Go back to frame 1, click on the Selection Tool, click on &#8220;rainwave&#8221; again, go to the Properties Panel and set the Alpha down to<strong> 25%</strong>.</p>
<p><strong>Step 16: </strong>Click on the Selection Tool, select all frames (1-25), then press right click and choose <strong>Copy Frames</strong>.</p>
<p><strong>Step 17:</strong> Create a new layer (layer 2), select it, and click on frame 5, press <strong>F6 </strong>key, press right click and<strong> Paste Frames.</strong> Repeat this step for the layer 3 but click on frame 10, press F6 key and paste frame.</p>
]]></content:encoded>
			<wfw:commentRss>http://codebasic.net/part-ii-create-rain-drop-effect-using-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Part (I): Create Rain Drop Effect In Flash</title>
		<link>http://codebasic.net/part-i-create-rain-drop-effect-in-flash/</link>
		<comments>http://codebasic.net/part-i-create-rain-drop-effect-in-flash/#comments</comments>
		<pubDate>Sat, 24 Oct 2009 02:44:36 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[Flash & Actionscript]]></category>
		<category><![CDATA[creating rain]]></category>
		<category><![CDATA[creating rain drop]]></category>
		<category><![CDATA[creating rain effect]]></category>
		<category><![CDATA[rain drop]]></category>
		<category><![CDATA[Rain drop effect]]></category>
		<category><![CDATA[rain drop in Flash]]></category>
		<category><![CDATA[rain effect]]></category>
		<category><![CDATA[raining]]></category>

		<guid isPermaLink="false">http://codebasic.net/?p=277</guid>
		<description><![CDATA[In this simple but detailed tutorial, you will learn how to create rain effect using Flash without Actionscript. Besides that, you will also learn how to create an ellipse and how to use Line Tool.
I thought it would be a great idea to have a layer of realistic looking rain in a flash movie but [...]]]></description>
			<content:encoded><![CDATA[<p>In this simple but detailed tutorial, you will learn how to create rain effect using Flash without Actionscript. Besides that, you will also learn how to create an ellipse and how to use Line Tool.</p>
<p>I thought it would be a great idea to have a layer of realistic looking rain in a flash movie but I have fairly limited knowledge of writing Actionscript. So, I will use this method to achieve what I desire.</p>
<p><object width="200" height="150" data="http://codebasic.net/my_flash/rain.swf" type="application/x-shockwave-flash"><param name="src" value="http://codebasic.net/my_flash/rain.swf" /></object></p>
<p><strong>Step 1:</strong> Start a new project with dimension of <strong>200 X 150 pixels</strong>, set the frame rate at <strong>30fps</strong> and go to properties panel set the background color <strong>#3399cc</strong>.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/rain_effect1-1.gif" border="0" alt="rain_effect" /></p>
<p><strong>Step 2:</strong> Create a new layer and name it <strong>raindrop</strong>.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/rain_effect2.gif" border="0" alt="rain_effect" /></p>
<p><strong>Step 3:</strong> Select the Line Tool, go to the Properties Panel (<strong>Ctrl+F3)</strong> below the stage and set the following attributes:</p>
<p>i) For <strong>Line color</strong> choose <strong>#000000</strong><br />
ii) Choose <strong>Solid </strong>as type of your line, with thickness set to 1.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/rain_effect3.gif" border="0" alt="rain_effect" /></p>
<p>Then, draw a &#8220;line&#8221; and place it on the stage.</p>
<p><strong>Step 4:</strong> Select the &#8220;line&#8221;, and then press <strong>F8 </strong>key to convert it into a <strong>Movie Clip</strong> or you can right click on the &#8220;line&#8221; and convert to symbol. After that, double click on the movie clip. You should now be inside the movie clip.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/rain_effect4.gif" border="0" alt="rain_effect" /></p>
<p><span id="more-277"></span></p>
<p><strong>Step 5:</strong> Select the &#8220;line&#8221; again, press <strong>F8 </strong>key to convert it into a <strong>Graphic</strong>.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/rain_effect5.gif" border="0" alt="rain_effect" /></p>
<p><strong>Step 6: </strong>Click on frame 10 and press <strong>F6 </strong>key to insert the keyframe. After that, move the &#8220;line&#8221; and place it on other position like this.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/rain_effect6.gif" border="0" alt="rain_effect" /></p>
<p><strong>Step 7: </strong>Right click anywhere on the gray area between the 2 keyframes on the timeline and choose <strong>Create Motion Tween</strong>.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/rain_effect7.gif" border="0" alt="rain_effect" /></p>
]]></content:encoded>
			<wfw:commentRss>http://codebasic.net/part-i-create-rain-drop-effect-in-flash/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Simple Hit Test In Actionscript</title>
		<link>http://codebasic.net/simple-hit-test-in-actionscript/</link>
		<comments>http://codebasic.net/simple-hit-test-in-actionscript/#comments</comments>
		<pubDate>Sat, 12 Sep 2009 03:23:16 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[Flash & Actionscript]]></category>
		<category><![CDATA[Actionscript Hit Test]]></category>
		<category><![CDATA[Flash Hit Test]]></category>
		<category><![CDATA[Hit Test Function]]></category>
		<category><![CDATA[Hit Test in Actionscript]]></category>

		<guid isPermaLink="false">http://codebasic.net/?p=245</guid>
		<description><![CDATA[In this Flash tutorial you will learn how to use write Actionscript to make a simple hit test, this is the fundamental thing that you need to know before create any flash game.
First of all, do you understand what is Hit Test? Hit Test enables you to ask Flash &#8220;Is this movie clip in contact [...]]]></description>
			<content:encoded><![CDATA[<p>In this Flash tutorial you will learn how to use write Actionscript to make a <strong>simple hit test</strong>, this is the fundamental thing that you need to know before create any flash game.</p>
<p>First of all, do you understand what is <strong>Hit Test</strong>? Hit Test enables you to ask Flash &#8220;Is this movie clip in contact with other movie clip?</p>
<p><span style="text-decoration: underline;"><strong>My Basic Code On Hit Test (Collision Detection)</strong></span></p>
<p>In order to create a collision, you need to have at least 2 object. Create a circle and convert it into movie clip. Then, give the instance name called <span style="color: #ff0000;"><strong>ball1</strong></span>. Create the another circle and repeat the step as ball1 but this time give the instance name called <span style="color: #ff0000;"><strong>ball2</strong></span>.</p>
<p>Next, remember to create the dynamic text which to display the message whether the ball is in contact with each other. Display &#8220;<strong>Collision Detected</strong>&#8221; once 2 ball is in contact else will display &#8221; <strong>No Collision</strong>&#8220;.</p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/test.gif" border="0" alt="HitTest" /></p>
<p>Then, select on the ball1 and press<strong> F9</strong>.  The Object Actions panel will appear. After that, copy and paste the following code into that panel.</p>
<p><span id="more-245"></span></p>
<p><img src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/test2.gif" border="0" alt="HitTest" /></p>
<div style="background-color: #d4fed4; width: 350px;"><span style="color: #0000ff;">onClipEvent </span>(<span style="color: #0000ff;">enterFrame</span>) {</p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">if</span> (<span style="color: #0000ff;">_root</span>.ball1, <span style="color: #0000ff;">hitTest</span>(<span style="color: #0000ff;">_root</span>.ball2)) {</p>
<p style="padding-left: 60px;"><span style="color: #0000ff;">_root.text</span> = &#8220;<span style="color: #3366ff;">Collision Detected</span>&#8220;;</p>
<p style="padding-left: 30px;">} <span style="color: #0000ff;">else </span>{</p>
<p style="padding-left: 60px;"><span style="color: #0000ff;">_root.text</span> = &#8220;<span style="color: #3366ff;">No Collision</span>&#8220;;</p>
<p style="padding-left: 30px;">}<br />
}</p>
</div>
<p>I will not cover how to create animation of bouncing ball in this lesson. Hope you can do it at your own. If you found difficulties to create the animation, you may try to download the <strong>.fla</strong> file <a href="http://codebasic.net/my_flash/HitTest.fla">here</a> and test it.</p>
<p>After you have done with creating the<strong> Hit Test</strong> function. Preview the animation by pressing <strong>Ctr + Enter</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://codebasic.net/simple-hit-test-in-actionscript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial: Animating A Walk In Flash</title>
		<link>http://codebasic.net/tutorial-animating-a-walk-in-flash/</link>
		<comments>http://codebasic.net/tutorial-animating-a-walk-in-flash/#comments</comments>
		<pubDate>Sat, 29 Aug 2009 03:49:55 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[Flash & Actionscript]]></category>
		<category><![CDATA[Animated walking]]></category>
		<category><![CDATA[Animating A Walk]]></category>
		<category><![CDATA[Flash walking]]></category>
		<category><![CDATA[human walk in actionscript]]></category>
		<category><![CDATA[human walk in flash]]></category>
		<category><![CDATA[human walking flash]]></category>

		<guid isPermaLink="false">http://codebasic.net/?p=237</guid>
		<description><![CDATA[
In this tutorial, you will learn how to create a human walking using Flash &#38; Actionscript. First, design a series of human walking using design software and tools. Next, insert each on different frame in Flash inside the movie clip. Let me teach you step by step:
Firstly, you need to convert the human character to [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/walking.png" border="0" alt="walking" /></p>
<p>In this tutorial, you will learn how to create a human walking using Flash &amp; Actionscript. First, design a series of human walking using design software and tools. Next, insert each on different frame in Flash inside the movie clip. Let me teach you step by step:</p>
<p>Firstly, you need to convert the human character to a <strong>Movieclip</strong>. At the first frame, you select it, and give the instance name for the object. Just give the instance name &#8220;<strong>walking</strong>&#8220;.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/walkingtutorial.jpg" border="0" alt="walkingtutorial" /></p>
<p style="text-align: center;">
<p style="text-align: center;"><img class="aligncenter" src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/walkingtutorial5-1.jpg" border="0" alt="walkingtutorial" /></p>
<p><span style="text-decoration: underline;"><strong>My Actionscript (To Control The Coordinate Setting):</strong></span></p>
<p>You need to control over how fast a human character moves on each frame. Sometimes it will be 1 pixel, sometimes as many as 3 pixels.</p>
<p><span id="more-237"></span></p>
<p>Another thing that you should do is control the object coordinate, this is to ensure that the object won&#8217;t go beyond the stage and it is keep on repeat walking. In this case, I set it if more than <strong>x = 150</strong>, then it immediately gets back to <strong>x = 0</strong>.</p>
<p><strong>Press F9</strong> to open the Action &#8211; Movie Clip coding panel. Insert code as below:</p>
<div style="border: 1px dotted #a5a5a5; background-color: #d4ffff; overflow-x: auto; width: 300px;"><span style="color: #0000ff;">onClipEvent</span>(<span style="color: #0000ff;">enterFrame</span>){</p>
<p style="padding-left: 30px;"><span style="color: #0000ff;">if (</span><span style="color: #0000ff;">_root</span>.walking.<span style="color: #0000ff;">_x </span>&gt; 150){<br />
<span style="color: #0000ff;">_root</span>.walking.<span style="color: #0000ff;">_x</span>=0; <span style="color: #666699;">//the object&#8217;s x cordinate is set to 0</span><br />
}</p>
<p>}</p></div>
<p>After that, double click on the movie clip you created. Then, you will go inside the movieclip. When you&#8217;re inside, you&#8217;ll find that there is actually a Timeline in there. And now, this is where you are going to make human walk cycle.</p>
<p><span style="text-decoration: underline;"><strong>My Actionscript (To Control The Human Walking Speed):</strong></span></p>
<p style="text-align: center;"><img class="aligncenter" src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/walkingtutorial2.jpg" border="0" alt="walkingtutorial" /></p>
<p>In this scenario, I make each frame with different human walking speed.</p>
<p>In the 1st frame:</p>
<div style="border: 1px dotted #a5a5a5; background-color: #d4ffff; overflow-x: auto; width: 300px;"><span style="color: #0000ff;">_root</span>.walking.<span style="color: #0000ff;">_x</span> = <span style="color: #0000ff;">_root</span>.walking.<span style="color: #0000ff;">_x</span> + 1.5;</div>
<p style="text-align: center;"><img class="aligncenter" src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/walkingtutorial4.jpg" border="0" alt="walkingtutorial" /></p>
<p>In the 2nd frame:</p>
<div style="border: 1px dotted #a5a5a5; background-color: #d4ffff; overflow-x: auto; width: 300px;"><span style="color: #0000ff;">_root</span>.walking.<span style="color: #0000ff;">_x</span> = <span style="color: #0000ff;">_root</span>.walking.<span style="color: #0000ff;">_x</span> + 1;</div>
<p style="text-align: center;"><img class="aligncenter" src="http://i268.photobucket.com/albums/jj20/imdavidlee1983/walkingtutorial3.jpg" border="0" alt="walkingtutorial" /></p>
<p><strong>Press F9</strong> on each frame to see more.<br />
After you have done everything, test your movie<strong> (press Ctrl + Enter or go to Control-&gt;Test Movie).</strong></p>
<p>At final stage, your result should be like this. Let&#8217;s take a closer look at the human walking .</p>
<p><object width="150" height="200" data="http://codebasic.net/my_flash/walking.swf" type="application/x-shockwave-flash"><param name="src" value="http://codebasic.net/my_flash/walking.swf" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://codebasic.net/tutorial-animating-a-walk-in-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
