http://fdt.powerflasher.com/w/index.php?title=Basic_AS3_Tutorial&feed=atom&action=historyBasic AS3 Tutorial - Revision history2024-03-29T09:25:33ZRevision history for this page on the wikiMediaWiki 1.16.0http://fdt.powerflasher.com/w/index.php?title=Basic_AS3_Tutorial&diff=3626&oldid=prevAklement: /* Source Files */2012-06-02T12:09:32Z<p><span class="autocomment">Source Files</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 12:09, 2 June 2012</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br/></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br/></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Source Files</center> =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Source Files</center> =</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:Download_soruce_files.png|center|link=http://github.com/TeamFDT/Examples/<del class="diffchange diffchange-inline">tree</del>/master/sample-projects]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:Download_soruce_files.png|center|link=http://github.com/TeamFDT/Examples/<ins class="diffchange diffchange-inline">blob</ins>/master/sample-projects<ins class="diffchange diffchange-inline">/as3_basic_finish.zip?raw=true</ins>]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Video</center> =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Video</center> =</div></td></tr>
</table>Aklementhttp://fdt.powerflasher.com/w/index.php?title=Basic_AS3_Tutorial&diff=3624&oldid=prevAklement: /* Source Files */2012-06-02T12:06:07Z<p><span class="autocomment">Source Files</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 12:06, 2 June 2012</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br/></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br/></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Source Files</center> =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Source Files</center> =</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:Download_soruce_files.png|center|link=<del class="diffchange diffchange-inline">https</del>://github.com/TeamFDT/Examples/tree/master/sample-projects]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:Download_soruce_files.png|center|link=<ins class="diffchange diffchange-inline">http</ins>://github.com/TeamFDT/Examples/tree/master/sample-projects<ins class="diffchange diffchange-inline">]</ins>]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Video</center> =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Video</center> =</div></td></tr>
</table>Aklementhttp://fdt.powerflasher.com/w/index.php?title=Basic_AS3_Tutorial&diff=3623&oldid=prevAklement: /* Source Files */2012-06-02T12:05:36Z<p><span class="autocomment">Source Files</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 12:05, 2 June 2012</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br/></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br/></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Source Files</center> =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Source Files</center> =</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:Download_soruce_files.png|center|link=<del class="diffchange diffchange-inline">http</del>://github.com/<del class="diffchange diffchange-inline">downloads</del>/<del class="diffchange diffchange-inline">Powerflasher</del>/<del class="diffchange diffchange-inline">FDT</del>-<del class="diffchange diffchange-inline">Resources/as3_basic_finish.zip]</del>]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:Download_soruce_files.png|center|link=<ins class="diffchange diffchange-inline">https</ins>://github.com/<ins class="diffchange diffchange-inline">TeamFDT</ins>/<ins class="diffchange diffchange-inline">Examples</ins>/<ins class="diffchange diffchange-inline">tree/master/sample</ins>-<ins class="diffchange diffchange-inline">projects</ins>]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Video</center> =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Video</center> =</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>{{#widget:Vimeo|id=15571978|width=600|height=400}}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>{{#widget:Vimeo|id=15571978|width=600|height=400}}</div></td></tr>
</table>Aklementhttp://fdt.powerflasher.com/w/index.php?title=Basic_AS3_Tutorial&diff=2016&oldid=prevBfonzi: /* Video */2010-12-10T00:59:27Z<p><span class="autocomment">Video</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 00:59, 10 December 2010</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 7:</td>
<td colspan="2" class="diff-lineno">Line 7:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Download_soruce_files.png|center|link=http://github.com/downloads/Powerflasher/FDT-Resources/as3_basic_finish.zip]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Download_soruce_files.png|center|link=http://github.com/downloads/Powerflasher/FDT-Resources/as3_basic_finish.zip]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Video</center> =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Video</center> =</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">::::</del>{{#widget:Vimeo|id=15571978|width=600|height=400}}</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>{{#widget:Vimeo|id=15571978|width=600|height=400}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Creating Your First Project</center> =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Creating Your First Project</center> =</div></td></tr>
</table>Bfonzihttp://fdt.powerflasher.com/w/index.php?title=Basic_AS3_Tutorial&diff=2015&oldid=prevBfonzi: /* Video */2010-12-10T00:59:16Z<p><span class="autocomment">Video</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 00:59, 10 December 2010</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 7:</td>
<td colspan="2" class="diff-lineno">Line 7:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Download_soruce_files.png|center|link=http://github.com/downloads/Powerflasher/FDT-Resources/as3_basic_finish.zip]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Download_soruce_files.png|center|link=http://github.com/downloads/Powerflasher/FDT-Resources/as3_basic_finish.zip]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Video</center> =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Video</center> =</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>::::{{#widget:Vimeo|id=15571978}}</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>::::{{#widget:Vimeo|id=15571978<ins class="diffchange diffchange-inline">|width=600|height=400</ins>}}</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Creating Your First Project</center> =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Creating Your First Project</center> =</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:02_004.jpg|center|200px]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:02_004.jpg|center|200px]]</div></td></tr>
</table>Bfonzihttp://fdt.powerflasher.com/w/index.php?title=Basic_AS3_Tutorial&diff=1918&oldid=prevAklement: /* Launch Your SWF */2010-11-12T14:52:05Z<p><span class="autocomment">Launch Your SWF</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 14:52, 12 November 2010</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 66:</td>
<td colspan="2" class="diff-lineno">Line 66:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>FDT will being the build process, as can been seen in the [[Console]] view [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_021.jpg]], and when complete, FDT will launch the [[External SWF Viewer]] that runs our .SWF with the red circle on the [[Stage]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_022.jpg]]. </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>FDT will being the build process, as can been seen in the [[Console]] view [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_021.jpg]], and when complete, FDT will launch the [[External SWF Viewer]] that runs our .SWF with the red circle on the [[Stage]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_022.jpg]]. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>With compilation successful, FDT will have created a .SWF in your [[Output Folder]] ''bin'' by default and created a [[Launch Configuration]] located within the folder ''.settings>launch'' [[<del class="diffchange diffchange-inline">File:Img_preview.png | link=http://fdt.powerflasher.com/docs/</del>File:02_023.jpg]]<del class="diffchange diffchange-inline">.</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>With compilation successful, FDT will have created a .SWF in your [[Output Folder]] ''bin'' by default and created a [[Launch Configuration]] located within the folder ''.settings>launch''<ins class="diffchange diffchange-inline">.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:02_023.jpg<ins class="diffchange diffchange-inline">|center|200px</ins>]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>After viewing your .SWF, close the External SWF Viewer and confirm your .SWF was created by opening up your ''bin'' output folder and looking for ''Main.swf''.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>After viewing your .SWF, close the External SWF Viewer and confirm your .SWF was created by opening up your ''bin'' output folder and looking for ''Main.swf''.</div></td></tr>
</table>Aklementhttp://fdt.powerflasher.com/w/index.php?title=Basic_AS3_Tutorial&diff=1917&oldid=prevAklement: /* Launch Your SWF */2010-11-12T14:51:27Z<p><span class="autocomment">Launch Your SWF</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 14:51, 12 November 2010</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 62:</td>
<td colspan="2" class="diff-lineno">Line 62:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>To quickest way to launch your application is to right click on the ''Main'' class within the editor and select ''Run As>FDT SWF Application''.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>To quickest way to launch your application is to right click on the ''Main'' class within the editor and select ''Run As>FDT SWF Application''.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:02_020.jpg|center]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:02_020.jpg|center<ins class="diffchange diffchange-inline">|200px</ins>]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>FDT will being the build process, as can been seen in the [[Console]] view [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_021.jpg]], and when complete, FDT will launch the [[External SWF Viewer]] that runs our .SWF with the red circle on the [[Stage]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_022.jpg]]. </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>FDT will being the build process, as can been seen in the [[Console]] view [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_021.jpg]], and when complete, FDT will launch the [[External SWF Viewer]] that runs our .SWF with the red circle on the [[Stage]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_022.jpg]]. </div></td></tr>
</table>Aklementhttp://fdt.powerflasher.com/w/index.php?title=Basic_AS3_Tutorial&diff=1916&oldid=prevAklement: /* Launch Your SWF */2010-11-12T14:51:08Z<p><span class="autocomment">Launch Your SWF</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 14:51, 12 November 2010</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 60:</td>
<td colspan="2" class="diff-lineno">Line 60:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=<center>Launch Your SWF</center>=</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=<center>Launch Your SWF</center>=</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:02_020x.jpg|center]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:02_020x.jpg|center]]</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>To quickest way to launch your application is to right click on the ''Main'' class within the editor and select ''Run As>FDT SWF Application'' [[<del class="diffchange diffchange-inline">File:Img_preview.png | link=http://fdt.powerflasher.com/docs/</del>File:02_020.jpg]]<del class="diffchange diffchange-inline">. </del>FDT will being the build process, as can been seen in the [[Console]] view [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_021.jpg]], and when complete, FDT will launch the [[External SWF Viewer]] that runs our .SWF with the red circle on the [[Stage]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_022.jpg]]. </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>To quickest way to launch your application is to right click on the ''Main'' class within the editor and select ''Run As>FDT SWF Application''<ins class="diffchange diffchange-inline">.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:02_020.jpg<ins class="diffchange diffchange-inline">|center</ins>]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>FDT will being the build process, as can been seen in the [[Console]] view [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_021.jpg]], and when complete, FDT will launch the [[External SWF Viewer]] that runs our .SWF with the red circle on the [[Stage]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_022.jpg]]. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>With compilation successful, FDT will have created a .SWF in your [[Output Folder]] ''bin'' by default and created a [[Launch Configuration]] located within the folder ''.settings>launch'' [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_023.jpg]].</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>With compilation successful, FDT will have created a .SWF in your [[Output Folder]] ''bin'' by default and created a [[Launch Configuration]] located within the folder ''.settings>launch'' [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_023.jpg]].</div></td></tr>
</table>Aklementhttp://fdt.powerflasher.com/w/index.php?title=Basic_AS3_Tutorial&diff=1915&oldid=prevAklement: /* Writing Code For Your Class */2010-11-12T14:50:16Z<p><span class="autocomment">Writing Code For Your Class</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 14:50, 12 November 2010</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 44:</td>
<td colspan="2" class="diff-lineno">Line 44:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>With our ''Main.as'' file open, let's create a simple red circle on the screen and then run our file.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>With our ''Main.as'' file open, let's create a simple red circle on the screen and then run our file.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Within the [[constructor]] of your class, add this bit of code to add a red circle to the stage [[<del class="diffchange diffchange-inline">File:Img_preview.png | link=http://fdt.powerflasher.com/docs/</del>File:02_018.jpg]]<del class="diffchange diffchange-inline">. </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Within the [[constructor]] of your class, add this bit of code to add a red circle to the stage<ins class="diffchange diffchange-inline">.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:02_018.jpg<ins class="diffchange diffchange-inline">|center|200px</ins>]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><syntaxhighlight lang="actionscript"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><syntaxhighlight lang="actionscript"></div></td></tr>
</table>Aklementhttp://fdt.powerflasher.com/w/index.php?title=Basic_AS3_Tutorial&diff=1914&oldid=prevAklement: /* Creating Your First Class */2010-11-12T14:49:29Z<p><span class="autocomment">Creating Your First Class</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 14:49, 12 November 2010</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 19:</td>
<td colspan="2" class="diff-lineno">Line 19:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Creating Your First Class</center> =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= <center>Creating Your First Class</center> =</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Within the Flash Explorer we can see the project FDT created for us. Click on the little arrow next to the project icon to expand it's contents. Here you can see the setup for a basic FDT project and see what our ''Empty AS3 Project'' template has setup for us [[<del class="diffchange diffchange-inline">File:Img_preview.png | link=http://fdt.powerflasher.com/docs/</del>File:02_006.jpg]]<del class="diffchange diffchange-inline">.</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Within the Flash Explorer we can see the project FDT created for us. Click on the little arrow next to the project icon to expand it's contents. Here you can see the setup for a basic FDT project and see what our ''Empty AS3 Project'' template has setup for us<ins class="diffchange diffchange-inline">.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:02_006.jpg<ins class="diffchange diffchange-inline">|center|200px</ins>]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* This top SDK icon tells us the [[Project Type]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_007.jpg]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* This top SDK icon tells us the [[Project Type]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_007.jpg]]</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 26:</td>
<td colspan="2" class="diff-lineno">Line 27:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* The ''.settings'' folder and ''.project'' file are what FDT uses to keep track of [[Project Settings]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_010.jpg]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* The ''.settings'' folder and ''.project'' file are what FDT uses to keep track of [[Project Settings]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_010.jpg]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>To run and build a Flash Project, FDT only needs one file. If you're familiar with Flash Authoring [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_011.jpg]] or Flash Builder [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_012.jpg]], this is like creating your Document Class or Main class. Create this file by right clicking on the ''src'' folder and choosing ''new>AS Class'' [[<del class="diffchange diffchange-inline">File:Img_preview.png | link=http://fdt.powerflasher.com/docs/</del>File:02_012x.jpg]]<del class="diffchange diffchange-inline">. </del>What pops up is FDT's [[New ActionScript Class Wizard]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_013.jpg]]. Once here, we'll just fill in a valid class name, ''Main'' is pretty standard [[<del class="diffchange diffchange-inline">File:Img_preview.png | link=http://fdt.powerflasher.com/docs/</del>File:02_014.jpg]]<del class="diffchange diffchange-inline">, and then </del>define the superclass by clicking on the ''Browse...'' button [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_015.jpg]]. You can use either ''Sprite'' or ''MovieClip'' for superclass and unless you have a special reason, Sprite will work fine. Filter the Sprite class by beginning to type ''Sprite'' within the search input box on the top and when you see ''Sprite - flash.display'' click on that and hit the ''OK'' button. After filling in a valid class name and a valid superclass to extend, hit the ''OK'' button [[<del class="diffchange diffchange-inline">File:Img_preview.png | link=http://fdt.powerflasher.com/docs/</del>File:02_016.jpg]]<del class="diffchange diffchange-inline">.</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>To run and build a Flash Project, FDT only needs one file. If you're familiar with Flash Authoring [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_011.jpg]] or Flash Builder [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_012.jpg]], this is like creating your Document Class or Main class. Create this file by right clicking on the ''src'' folder and choosing ''new>AS Class''<ins class="diffchange diffchange-inline">.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:02_012x.jpg<ins class="diffchange diffchange-inline">|center|200px</ins>]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>What pops up is FDT's [[New ActionScript Class Wizard]] [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_013.jpg]]. Once here, we'll just fill in a valid class name, ''Main'' is pretty standard<ins class="diffchange diffchange-inline">.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:02_014.jpg<ins class="diffchange diffchange-inline">|center|200px</ins>]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">Then </ins>define the superclass by clicking on the ''Browse...'' button [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_015.jpg]]. You can use either ''Sprite'' or ''MovieClip'' for superclass and unless you have a special reason, Sprite will work fine. Filter the Sprite class by beginning to type ''Sprite'' within the search input box on the top and when you see ''Sprite - flash.display'' click on that and hit the ''OK'' button. After filling in a valid class name and a valid superclass to extend, hit the ''OK'' button<ins class="diffchange diffchange-inline">.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:02_016.jpg<ins class="diffchange diffchange-inline">|center|200px</ins>]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>FDT will now create a new class for you automatically and open it within the [[Editor View]]. If some reason it didn't open for you, double click on the ''Main.as'' file within the Flash Explorer [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_017.jpg]].</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>FDT will now create a new class for you automatically and open it within the [[Editor View]]. If some reason it didn't open for you, double click on the ''Main.as'' file within the Flash Explorer [[File:Img_preview.png | link=http://fdt.powerflasher.com/docs/File:02_017.jpg]].</div></td></tr>
</table>Aklement