tag:blogger.com,1999:blog-45151706595051082562024-03-26T23:37:34.794-07:00Flash AuthoringUnknownnoreply@blogger.comBlogger28125tag:blogger.com,1999:blog-4515170659505108256.post-78990262265903340582016-02-17T17:53:00.001-08:002016-02-17T17:53:26.937-08:00Visual feedback and testing tool for all teams!<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/QvIhLa-qbM8" width="480"></iframe>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4515170659505108256.post-53707280036739467732011-11-16T12:56:00.000-08:002011-11-16T13:06:09.190-08:00Swiffy becomes Flash Pro plug-in to convert SWF's to HTMLGoogle has just released Swiffy plug-in that converts your SWF's to HTML which then can be browsed on your mobile (iOS,Android,etc..). Flash Pro continue to prove that it's the technology to author and create content for desktop and mobile. No need to learn or adapt new technology/tool to publish to html. If you know Flash Pro then all what you need to do is to install Swiffy and simply publish your existing content to html. I am positive that we are going to see more and more technologies being built on top of Flash Pro to enable users to publish to different formats.<br />
<div><br />
</div><div>Below is a screenshot shows an existing SWF that i built for mobile using Flash Pro and the Swiffy html result of that swf . Of course there still are limitations, but I am sure it's a matter of time until you can completely publish your Flash Pro content to html. </div><div>Some of the limitations are :</div><div><table cellpadding="0" cellspacing="0" class="GBJGC2UDLB" style="color: black; font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 10px; margin-top: 5px;"><tbody>
<tr><td align="left" style="vertical-align: top;"><img class="gwt-Image" src="http://www.google.com/images/icons/feature/warning-y16.png" /></td><td align="left" style="vertical-align: top;"><div class="GBJGC2UDHB" style="margin-left: 5px;"><span class="Apple-style-span" style="color: white;">Scenes are not supported. (1 occurrences)</span></div></td></tr>
</tbody></table><table cellpadding="0" cellspacing="0" class="GBJGC2UDLB" style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 10px; margin-top: 5px;"><tbody>
<tr><td align="left" style="vertical-align: top;"><span class="Apple-style-span" style="color: white;"><img class="gwt-Image" src="http://www.google.com/images/icons/feature/info-b16.png" /></span></td><td align="left" style="vertical-align: top;"><div class="GBJGC2UDHB" style="margin-left: 5px;"><span class="Apple-style-span" style="color: white;">Filters are not supported by (Mobile) Safari. (21 occurrences)</span></div></td></tr>
</tbody></table><table cellpadding="0" cellspacing="0" class="GBJGC2UDLB" style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 10px; margin-top: 5px;"><tbody>
<tr><td align="left" style="vertical-align: top;"><span class="Apple-style-span" style="color: white;"><img class="gwt-Image" src="http://www.google.com/images/icons/feature/warning-y16.png" /></span></td><td align="left" style="vertical-align: top;"><div class="GBJGC2UDHB" style="margin-left: 5px;"><span class="Apple-style-span" style="color: white;">Blend modes are not supported. (6 occurrences)</span></div></td></tr>
</tbody></table><table cellpadding="0" cellspacing="0" class="GBJGC2UDLB" style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 10px; margin-top: 5px;"><tbody>
<tr><td align="left" style="vertical-align: top;"><span class="Apple-style-span" style="color: white;"><img class="gwt-Image" src="http://www.google.com/images/icons/feature/info-b16.png" /></span></td><td align="left" style="vertical-align: top;"><div class="GBJGC2UDHB" style="margin-left: 5px;"><span class="Apple-style-span" style="color: white;">Bitmap caching is not supported. (1 occurrences)</span></div></td></tr>
</tbody></table><table cellpadding="0" cellspacing="0" class="GBJGC2UDLB" style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 10px; margin-top: 5px;"><tbody>
<tr><td align="left" style="vertical-align: top;"><span class="Apple-style-span" style="color: white;"><img class="gwt-Image" src="http://www.google.com/images/icons/feature/warning-y16.png" /></span></td><td align="left" style="vertical-align: top;"><div class="GBJGC2UDHB" style="margin-left: 5px;"><span class="Apple-style-span" style="color: white;">9-slice scaling is not supported. (10 occurrences)</span></div></td></tr>
</tbody></table><table cellpadding="0" cellspacing="0" class="GBJGC2UDLB" style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 10px; margin-top: 5px;"><tbody>
<tr><td align="left" style="vertical-align: top;"><span class="Apple-style-span" style="color: white;"><img class="gwt-Image" src="http://www.google.com/images/icons/feature/warning-y16.png" /></span></td><td align="left" style="vertical-align: top;"><div class="GBJGC2UDHB" style="margin-left: 5px;"><span class="Apple-style-span" style="color: white;">ActionScript 3.0 is not supported. (30 occurrences)</span></div></td></tr>
</tbody></table><table cellpadding="0" cellspacing="0" class="GBJGC2UDLB" style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 10px; margin-top: 5px;"><tbody>
<tr><td align="left" style="vertical-align: top;"><span class="Apple-style-span" style="color: white;"><img class="gwt-Image" src="http://www.google.com/images/icons/feature/warning-y16.png" /></span></td><td align="left" style="vertical-align: top;"><div class="GBJGC2UDHB" style="margin-left: 5px;"><span class="Apple-style-span" style="color: white;">Streaming audio is not supported. (139 occurrences)</span></div></td></tr>
</tbody></table><table cellpadding="0" cellspacing="0" class="GBJGC2UDLB" style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 10px; margin-top: 5px;"><tbody>
<tr><td align="left" style="vertical-align: top;"><span class="Apple-style-span" style="color: white;"><img class="gwt-Image" src="http://www.google.com/images/icons/feature/warning-y16.png" /></span></td><td align="left" style="vertical-align: top;"><div class="GBJGC2UDHB" style="margin-left: 5px;"><span class="Apple-style-span" style="color: white;">OpenType fonts, as introduced in SWF 10, are not supported. (2 occurrences)</span></div></td></tr>
</tbody></table></div><div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-VxSZyphXUtLljNhfzrIX6J9YuZ94GWN0y30rk2FnTQfKZl-0EV5sLuUdEacYT76FEN5o_xGaknAs0TNXwm1Xa1bFNcDDNXQv_fpXnmGiWdZEdNaeaLDFpY8zGJkRTqOAE8iQcwkOVF8/s1600/swiffy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-VxSZyphXUtLljNhfzrIX6J9YuZ94GWN0y30rk2FnTQfKZl-0EV5sLuUdEacYT76FEN5o_xGaknAs0TNXwm1Xa1bFNcDDNXQv_fpXnmGiWdZEdNaeaLDFpY8zGJkRTqOAE8iQcwkOVF8/s320/swiffy.png" width="320" /></a></div><br />
I know that many of the developers and designers thinking of Flash Pro in terms of the Flash runtime and it's the authoring tool for that platform only. This is actually changing and we are going to see Flash Pro as content authoring tool for different formats. Swiffy is just one way to demonstrate that and I am positive that we are going to see many other extensions being built on top of Flash to export to different formats.</div><div><br />
</div><div>The advantage for Flash Pro users is that there is no learning curve. Thousands of developers and designers know the tool and are familiar with it. All what you need to do is to install Swiffy and publish to HTML. That simple.</div><div><br />
</div><div><br />
</div><div>You gotta love Flash Pro!!!!</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4515170659505108256.post-53181687042725241302011-11-15T15:47:00.000-08:002011-11-15T15:48:02.106-08:00Developer And Designer multiscreen mashup with Flash ProfessionalSee how Adobe Flash Professional's developers and designers can share code and visual assets to create applications that target multiple screens. The below video also shows how incremental compilation works in Flash Professional.<br />
<div><br />
</div><div><a href="http://tv.adobe.com/watch/max-2011-develop/developer-and-designer-multiscreen-mashup-with-flash-professional/">http://tv.adobe.com/watch/max-2011-develop/developer-and-designer-multiscreen-mashup-with-flash-professional/</a></div><div><br />
</div><div>Enjoy,</div><div>Tareq</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4515170659505108256.post-5952622304883990842011-06-15T17:37:00.000-07:002011-06-15T17:37:20.456-07:00Overlaying AIR 2.7 SDK for Flash Professional CS5.5<span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"></span><br />
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;">Adobe Flash Professional was released 2 months ago with AIR2.6. Adobe just released AIR2.7 that has so many enhancements and new features over AIR 2.6 especially e</span><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="line-height: 17px;">nhanced rendering for iOS (mobile only). </span></span><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;">AIR apps for iOS render up to four times faster in CPU mode. See the below video </span></span></span></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif; font-size: large;"><br />
</span></span></div></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif; font-size: large;"><a href="http://adobe.ly/mzuWfH">http://adobe.ly/mzuWfH</a></span></span></div></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif; font-size: large;"><br />
</span></span></div></div><div style="font-family: Times;"><div><div></div><div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif; font-size: large;">To be able to publish to AIR 2.7 runtime, you would need to overlay AIR2.7 for Flash Professional CS5.5 as listed in the below link </span></span></div></div></div></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif; font-size: large;"><br />
</span></span></div></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif; font-size: large;"><a href="http://kb2.adobe.com/cps/908/cpsid_90810.html">http://kb2.adobe.com/cps/908/cpsid_90810.html</a></span></span></div></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif; font-size: large;"><br />
</span></span></div></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;">Note:</span><span class="Apple-style-span" style="font-family: Arial;"> </span><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;">Adobe does not provide technical support when overlaying</span></span></span></div></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Arial; font-size: large;"><br />
</span></span></div></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Arial; font-size: large;">Enjoy!</span></span></div></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Arial; font-size: large;"><br />
</span></span></div></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Arial; font-size: large;">Tareq</span></span></div></div><div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="font-family: Times;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><br />
</span></span></div></div><div style="font-family: Times;"></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4515170659505108256.post-15704190070729924552010-12-17T09:05:00.000-08:002010-12-17T09:09:38.352-08:00Learn Arabic AlphabetsCouple of days ago i published my <a href="http://www.androidzoom.com/android_applications/communication/learn-arabic-alphabets_parb.html"><span class="Apple-style-span" style="color: #3d85c6;">first Android application</span></a>. I used Flash Pro to develop the application, and it was an amazing experience from beginning to end. My application is mainly to teach users how to write and pronounce the alphabets. Below are some of the screenshots :<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqDJXOYcWeI6UQWFScAFX2q0wbEloLxFMxFtLC5U9ysltmNsdgBITaD4jm5O1n8to-vhAlqeu0Ur1xnX0qAiuXGSkUb9pcsAphJO7pb2lr5_fsDXUmYRDjQk9I9z3QlsExnMBP0-gt3OQ/s1600/Default.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqDJXOYcWeI6UQWFScAFX2q0wbEloLxFMxFtLC5U9ysltmNsdgBITaD4jm5O1n8to-vhAlqeu0Ur1xnX0qAiuXGSkUb9pcsAphJO7pb2lr5_fsDXUmYRDjQk9I9z3QlsExnMBP0-gt3OQ/s320/Default.png" width="213" /><span></span></a></div><div><br />
<div><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWi9Lku9ziudNzo6pjZuC5654A164BXKzmR6ItVtef96HjWLN5Ddz4Gr7Sc0QDHCcVcx0-zPsQFruN-huVvHD0JxyLTtrcnQzdbTTYuEOpT2GfRRmiguQxRsr2KJ8_T6GRaDAqKx2W8yg/s1600/AlphabetOne.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWi9Lku9ziudNzo6pjZuC5654A164BXKzmR6ItVtef96HjWLN5Ddz4Gr7Sc0QDHCcVcx0-zPsQFruN-huVvHD0JxyLTtrcnQzdbTTYuEOpT2GfRRmiguQxRsr2KJ8_T6GRaDAqKx2W8yg/s320/AlphabetOne.png" width="192" /></a></div><br />
<div class="separator" style="clear: both; text-align: left;">Hope you download and enjoy!!</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Tareq</div><div><br />
</div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4515170659505108256.post-19261391415906701972010-10-11T13:57:00.000-07:002010-10-11T14:00:34.148-07:00Packager for iPhone is now available<div><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 16px;"><span class="Apple-style-span" style="font-family: 'Lucida Grande';"><span class="Apple-style-span"><span class="Apple-style-span" style="font-family: Times; line-height: normal;"><span class="Apple-style-span" style="color: white;"><br class="Apple-interchange-newline" /></span></span><span class="Apple-style-span" style="font-family: Times; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Lucida Grande';"><span class="Apple-style-span"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 16px;"><span class="Apple-style-span" style="color: white;">An updated release of </span><a href="http://labs.adobe.com/downloads/packagerforiphone.html"><span class="Apple-style-span" style="color: #0b5394;">Packager for iPhone</span></a><span class="Apple-style-span" style="color: white;"><span class="Apple-style-span" style="color: #0b5394;"> </span>is now available. </span></span></span></span></span><span class="Apple-style-span" style="font-family: Times; line-height: normal;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 16px;"><span class="Apple-style-span" style="color: white;">The Packager for iPhone, which is a feature of Adobe® Flash® Professional CS5 software and the Adobe AIR® SDK 2.0.1, offers Flash developers a fast and efficient method to reuse existing code from ActionScript 3 projects to deliver native applications on iOS devices</span></span></span></span></span></span><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"><span class="Apple-style-span" style="font-size: 11px;"><div style="font-family: Times; font-size: medium; line-height: normal;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;"><br />
</span></div></span></span></span></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4515170659505108256.post-45352205277537146852010-10-06T21:47:00.000-07:002010-10-06T21:47:01.578-07:00Font Embedding Tip<div style="background-color: transparent; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span id="internal-source-marker_0.7773868392687291" style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-style-span" style="color: white;">If font embed metadata stopped working “not showing the font when test movie or publish ” in Flash CS5 when it used to work just fine in Flash CS4 that’s because Flash CS4 embeds DefineFont3 tags while Flash CS5 embeds DefineFont4 tags.</span></span><br />
<span class="Apple-style-span" style="color: white;"><span style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></span><br />
<span style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-style-span" style="color: white;">DefineFont4 is mainly used with TLF to to selectively embed glyphs from a font for use in Text Layout Framework(TLF), also known as font subsetting while DefineFont3 is more for classic fonts.</span></span><br />
<span style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-style-span" style="color: white;"> </span></span><br />
<span style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-style-span" style="color: white;">There are a few ways to fix this problem. First, there is an optional parameter to the [Embed] tag for fonts that specifies which type of font tag to create. Add embedAsCFF="false" to the list of parameters in the embed tag to do this.</span></span><br />
<span class="Apple-style-span" style="color: white;"><span style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></span><br />
<span style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-style-span" style="color: white;">[Embed(source="Verdana.ttf", embedAsCFF= "false", fontFamily="_Verdana")]</span></span><br />
<span style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-style-span" style="color: white;"> </span></span><br />
<span style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-style-span" style="color: white;">Another option, if you do not want to change all of your [Embed] tags, is that you can edit the FlexInfo.xml file copied into your user local settings directory (e.g. C:\Users\taljaber\AppData\Local\Adobe\Flash CS5\en_US\Configuration\ActionScript 3.0\FlexInfo.xml for me on win7) and edit that file by uncomment the line that sets the compatibility version to 3.0 at the end of that file. I'm not sure what other side effects this change might have, but it definitely forces all embedded fonts to be embedded as DefineFont3 tags.</span></span><br />
<span style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-style-span" style="color: white;"> </span></span><br />
<span style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-style-span" style="color: white;">I would recommend updating the [Embed] tag for fonts to do embedAsCFF="false".</span></span><br />
<span style="background-color: transparent; font-family: Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-style-span" style="color: white;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: white; font-family: Arial; font-size: medium;"><span class="Apple-style-span" style="font-size: 15px; white-space: pre-wrap;"><br />
</span></span></div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-4515170659505108256.post-13485749973363021422010-09-08T21:50:00.000-07:002010-09-08T21:57:47.452-07:00Adobe Flash Pro 11.0.2 Update is LiveFlash Pro 11.0.2 Update is now available via CS Update and is posted on <a href="http://adobe.com/">Adobe.com</a> for download <a href="http://www.adobe.com/support/flash/downloads.html">http://www.adobe.com/support/flash/downloads.html</a><br />
<br />
You can also launch Adobe Flash Pro and select "updates" from under the "Help" menu which should trigger the update dialog.<br />
<br />
This update addresses the following issues :<br />
<br />
<ol><li>Several fixes to improve the opening of some legacy files and correctly saving them in the new XFL format for Flash Professional CS5.</li>
<li>Addresses issues where some components are unable to be added to the stage.</li>
<li>TLF bug fixes.</li>
</ol>Enjoy!<br />
TareqUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-4515170659505108256.post-78514299174995110732010-07-26T15:37:00.000-07:002010-07-26T15:38:24.751-07:00Flash Professional glossary (A-Z)Adobe has just launched a comprehensive glossary of terms relevant to working with Flash Professional. Each page includes the definition of a key concept along with step-by-step instructions, when relevant, for completing the task.<br />
This document intended to be a living document, so please provide your comments/feedback to help improve or add new entries.<br />
<br />
<a href="http://www.adobe.com/devnet/flash/articles/flash_key_concepts.html">http://www.adobe.com/devnet/flash/articles/flash_key_concepts.html</a><br />
<span class="Apple-style-span" style="font-family: Calibri, sans-serif; font-size: medium;"><span class="Apple-style-span" style="font-size: 15px;"><span class="Apple-style-span" style="font-family: 'Times New Roman';"><span class="Apple-style-span" style="font-size: medium;"><br />
</span></span></span></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4515170659505108256.post-59278857649258288582010-06-17T22:02:00.000-07:002010-07-01T14:34:07.151-07:00Using FLASH BUILDER 4 Debugger to Debug Flash Professional Projects<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">In my previous two posts (Create Flash Professional Project in Builder- <a href="http://flashauthoring.blogspot.com/2010/05/create-flash-professional-project-in.html" id="fhpi" style="color: #551a8b;" title="Create Flash Professional Project in Flash Builder- Part 1"><span class="Apple-style-span" style="color: black;">Part 1</span></a> and <a href="http://flashauthoring.blogspot.com/2010/06/create-flash-professional-project-in.html" id="uvfg" style="color: #551a8b;" title="Create Flash Professional Project in Flash Builder - Part 2"><span class="Apple-style-span" style="color: black;">Part 2</span></a>) I talked about how to create a <i>Flash Professional Project</i> in Adobe Flash Builder 4, which opened the door for Adobe Flash Professional CS5 to use the Adobe Flash Builder 4 debugger and profiler.<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Once a user create a <i>Flash Professional Project</i> in Flash Builder a debug SWF will be generated by Flash Professional CS5 in the <i>bin-debug</i> folder of the project location. This SWF will get updated every time actionscript code in the project changes and is saved in Flash Builder. If you need to rebuild after tweaking assets in Flash Professional, you would need to trigger the debug SWF generation manually in Flash Builder just by modifying an actionscript file in the <i>Flash Professional Project</i> in Flash Builder, then saving.</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Remember:</div><div class="MsoListParagraphCxSpFirst" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">1. Adobe Flash Builder 4 debugger can only debug external actionscript classes. NO debugging for frame script.</div><div class="MsoListParagraphCxSpLast" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">2. When creating your <i>Flash Professional Project</i>, a default application class gets created automatically that has the same name as the project name. If you delete this file, the <b>debugger will not work </b>since it’s looking for an application file to start the debugging process.</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">In the below tutorial, I am going to demonstrate how to debug a Fla file that has a document class using Flash Builder 4 debugger.</div><div class="MsoListParagraphCxSpFirst" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">1. Launch Adobe Flash Professional CS5.</div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">2. File > New (ActionScript 3.0) Fla file.</div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">3. File > Save the Fla file inside a folder on your machine. In my case, I am going to save it as (FBDebugger.Fla).</div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">4. Window > Properties to open the Properties panel if it is not already.</div><div class="MsoListParagraphCxSpLast" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">5. Under Publish category in the PI. Add document class name. In my case, I am going to call it “DocClass” as follows :</div><div class="MsoListParagraphCxSpLast" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div id="eo.6" style="margin-bottom: 0px; margin-top: 0px; text-align: left;"><img src="http://docs.google.com/File?id=dgd5c95f_11fq8fh9sh_b" style="height: 285px; width: 482px;" /></div><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div class="MsoListParagraphCxSpFirst" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-top: 0px; text-align: justify;">6. Click on “Edit class definition” button <img src="http://docs.google.com/File?id=dgd5c95f_13hj4qrvcv_b" style="height: 23px; width: 37px;" />.</div><div id="hp4i" style="margin-bottom: 0px; margin-top: 0px; text-align: left;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div class="MsoListParagraphCxSpLast" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">7. Select Flash Builder when prompted with the following dialog :</div><div class="MsoListParagraphCxSpLast" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div id="ma1u" style="margin-bottom: 0px; margin-top: 0px; text-align: left;"><img src="http://docs.google.com/File?id=dgd5c95f_14d2ttg6dg_b" style="height: 155px; width: 437px;" /></div><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div class="MsoListParagraphCxSpFirst" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">8. Click OK which should launch Flash Builder if it is not launched already.</div><div class="MsoListParagraphCxSpLast" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">9. In Flash Builder, click “Finish” when prompted with the following dialog :</div><div class="MsoListParagraphCxSpLast" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div id="e4mz" style="margin-bottom: 0px; margin-top: 0px; text-align: left;"><img src="http://docs.google.com/File?id=dgd5c95f_15jxts29gw_b" style="height: 427px; width: 538px;" /></div><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div class="MsoListParagraph" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">10. Since the document class did not exist, Flash Builder will prompt you to create one as follows :</div><div class="MsoListParagraph" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div id="kbgy" style="margin-bottom: 0px; margin-top: 0px; text-align: left;"><img src="http://docs.google.com/File?id=dgd5c95f_16gb277qdj_b" style="height: 613px; width: 529px;" /></div><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div class="MsoListParagraphCxSpFirst" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">11. Click “Finish” button.</div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">12. Now let’s look at the <i>Flash Professional Project</i> structure that got created.</div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0px; margin-left: 1in; margin-right: 0px; margin-top: 0px;">a. <b>Project Name</b>: The project name is always the same as the Fla file name.</div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0px; margin-left: 1in; margin-right: 0px; margin-top: 0px;">b. <b>Default Application File</b>: This file is not used by the Flash Professional Project at all, BUT it is very important to have for the Flash Builder debugger to work. PLEASE DON’T DELETE THIS FILE SO THE DEBUGGER/PROFILER WORKS. In our case the default application file for the project is FBDebugger.as which is again not being used at all, but it is since Flash Builder requires that file to exist.</div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0px; margin-left: 1in; margin-right: 0px; margin-top: 0px;">c. FBDebugger.swf (Debug swf) and FBDebugger.html inside the <i>bin-debug</i> folder. This swf is going to be used by the Flash Builder debugger to debug your project.</div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0px; margin-left: 1in; margin-right: 0px; margin-top: 0px;">d. Reference Libraries: This has all the links to your libraries and classes.</div><div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0px; margin-left: 1in; margin-right: 0px; margin-top: 0px;"><br />
</div><div class="MsoListParagraphCxSpLast" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">13. Open DocClass.as in Flash Builder and add a break point for the document class constructor as follows :</div><div class="MsoListParagraphCxSpLast" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div id="fap9" style="margin-bottom: 0px; margin-top: 0px; text-align: left;"><img src="http://docs.google.com/File?id=dgd5c95f_17d6x5w2td_b" style="height: 378.335px; width: 648px;" /></div><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div class="MsoListParagraph" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">14. Run > Debug FBDebugger as follows:</div><div class="MsoListParagraph" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div id="guw5" style="margin-bottom: 0px; margin-top: 0px; text-align: left;"><img src="http://docs.google.com/File?id=dgd5c95f_18d6zktxcf_b" style="height: 583px; width: 321px;" /></div><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div class="MsoListParagraph" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">15. Click Yes when prompted with the following dialog :</div><div class="MsoListParagraph" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div id="jbfv" style="margin-bottom: 0px; margin-top: 0px; text-align: left;"><img src="http://docs.google.com/File?id=dgd5c95f_19cfg6qmck_b" style="height: 229px; width: 532px;" /></div><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div class="MsoListParagraph" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">16. Flash Builder Debugger session should get started as follows :</div><div class="MsoListParagraph" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div id="l9jh" style="margin-bottom: 0px; margin-top: 0px; text-align: left;"><img src="http://docs.google.com/File?id=dgd5c95f_20gctk67f4_b" style="height: 503.199px; width: 648px;" /></div><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0.25in; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> In future posts I am going to demonstrate how to use Flash Builder 4 profiler for <i>Flash Professional Project</i>.</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Enjoy!</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div><br />
</div></div>Unknownnoreply@blogger.com14tag:blogger.com,1999:blog-4515170659505108256.post-45451815953576387252010-06-08T22:27:00.000-07:002010-06-08T22:57:55.190-07:00Create a Flash Professional Project in Flash Builder - Part 2In my previous post <a href="http://flashauthoring.blogspot.com/2010/05/create-flash-professional-project-in.html">"Create a Flash Professional Project In Flash Builder Part 1"</a> I talked about creating a Flash Professional Project starting from Flash Builder 4. In this post I am going to cover creating Flash Professional Project starting from Flash Professional CS5. Let me first go over the new "<span class="goog-spellcheck-word">ActionScript</span> 3.0 Class" and "<span class="goog-spellcheck-word">ActionScript</span> 3.0 Interface" templates that got added to Adobe Flash Professional CS5.Do the following to create a new <span class="goog-spellcheck-word">ActionScript</span> 3.0 Class template:<br />
<ol><li>Launch Adobe Flash CS5.<span style="background-color: black;"></span><span style="background-color: black;"></span></li>
<li>File > New and select "<span class="goog-spellcheck-word">ActionScript</span> 3.0 Class item as follows :<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOXrEg_wAKJLN-unuY6YO5M_3K-t8vEHphjJWoiIILsMmx22Xh2tWVID0lavO780o-ST3i0PrAy-0yBkqsdV0O76zWqM-O-ZP4dnnJ9HDQExnHVJy-9ENcmVLkFpiulNJQl5VFSLQVei4/s1600/New+Document.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOXrEg_wAKJLN-unuY6YO5M_3K-t8vEHphjJWoiIILsMmx22Xh2tWVID0lavO780o-ST3i0PrAy-0yBkqsdV0O76zWqM-O-ZP4dnnJ9HDQExnHVJy-9ENcmVLkFpiulNJQl5VFSLQVei4/s400/New+Document.png" width="400" /></a></div></li>
<li>Click OK.</li>
<li>Since I have Adobe Flash Builder 4.0 installed on my machine, I got promoted with the following dialog that ask me to choose which product (Flash Professional or Flash Builder) to use to create my class.</li>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOXrEg_wAKJLN-unuY6YO5M_3K-t8vEHphjJWoiIILsMmx22Xh2tWVID0lavO780o-ST3i0PrAy-0yBkqsdV0O76zWqM-O-ZP4dnnJ9HDQExnHVJy-9ENcmVLkFpiulNJQl5VFSLQVei4/s1600/New+Document.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> </a></div></ol><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimg13x4R7PBJ1vf-RAf5mvgSI26AWsJwgxxMVkSvtN4rCshd7s5U-B3YIWAe-6z8Wh-JBKfqNRxrCAhFaAHh0KBhfHGzOn2smi22kHVfYuXn-mvisA2wyuBQwsz9179gy1ZW96V1QEwtk/s1600/CreateActionScript3Dialog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimg13x4R7PBJ1vf-RAf5mvgSI26AWsJwgxxMVkSvtN4rCshd7s5U-B3YIWAe-6z8Wh-JBKfqNRxrCAhFaAHh0KBhfHGzOn2smi22kHVfYuXn-mvisA2wyuBQwsz9179gy1ZW96V1QEwtk/s400/CreateActionScript3Dialog.png" width="400" /></a><br />
<ol><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimg13x4R7PBJ1vf-RAf5mvgSI26AWsJwgxxMVkSvtN4rCshd7s5U-B3YIWAe-6z8Wh-JBKfqNRxrCAhFaAHh0KBhfHGzOn2smi22kHVfYuXn-mvisA2wyuBQwsz9179gy1ZW96V1QEwtk/s1600/CreateActionScript3Dialog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a>
<div class="separator" style="clear: both; text-align: center;"></div>
<li>Enter a class name and select Flash Professional to create my class. </li>
<li>Click OK.</li>
<li>As you see below,a new ActionScript file gets created with a bare bone class code. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_KjDrWg0i6kwzGj2nukikogNVjUg3lRdly1prRZ4-Y9zLD7hMEawP5B0HK5CXD_i8o3vdHYYH59I_Iy-xXi9KTtsMqi0FNHSeOTd9tCcphTnAMWjAkQkB-QuRqDo-G1ptbzcPw4lom4/s1600/MyClassImage.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_KjDrWg0i6kwzGj2nukikogNVjUg3lRdly1prRZ4-Y9zLD7hMEawP5B0HK5CXD_i8o3vdHYYH59I_Iy-xXi9KTtsMqi0FNHSeOTd9tCcphTnAMWjAkQkB-QuRqDo-G1ptbzcPw4lom4/s400/MyClassImage.png" width="400" /></a></li>
<li>File > Save. Notice that the save dialog was automatically populated with the name of the class, in our case it is "MyClass" And notice it is going to automatically save it next to the Fla file by default unless user choose a different location.</li>
</ol><br />
Enough Talking about the class template and let's jump into creating a Flash Professional Project from Flash. Entry points to create FPP(Flash Professional Project) are :<br />
<ol><li> Document Class edit class definition button : </li>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zUmQmUN5PqTcP76gBhjDhBZ72DSkWhiXmakhSPhoNL0w1vIfbntEwvp1rhX8-kc2HkIsAENOsQwFYlv75yhpeoOFwjPMmu_2ODXdKivglilBWV6UK5L8MXeCL_mLYF68tHpV-RB2Qy8/s1600/DocumentClassEditClassDefintion.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zUmQmUN5PqTcP76gBhjDhBZ72DSkWhiXmakhSPhoNL0w1vIfbntEwvp1rhX8-kc2HkIsAENOsQwFYlv75yhpeoOFwjPMmu_2ODXdKivglilBWV6UK5L8MXeCL_mLYF68tHpV-RB2Qy8/s400/DocumentClassEditClassDefintion.png" width="226" /></a></div>
<li>Symbol (Movie Clip, Button, Bitmap, Font, Sound) class.</li>
</ol><div>Let's create a Flash Professional Project using the document class "Edit class definition" button :</div><div><br />
</div><div><ul><li>Launch Adobe Flash Professional CS5.</li>
<li>File > New and select "<span class="goog-spellcheck-word">ActionScript</span> 3.0" Fla file.</li>
<li>Click OK.</li>
<li>File > Save and save the Fla file inside a folder on your desktop.</li>
<li>Window > Properties to show the PI if it is not already there.</li>
<li>Enter a class name in the class name text field in the PI. Let's assume you enter "MyClass" as a document class.</li>
<li>Click on "Edit class definition". The first time you click on the document class "Edit class definition", you should get the following dialog :</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6pq7dpKghChnhbH6Nn1gbyPdLthW06goDkfDJBo-2Fo4-H87gnbsbq9WUTOTXO8Dungz6gxl65liCP5umIf7U_wZwyZh2gebxfrJDHAAip20iH6DfjFi2kwXHSDh8y1OdToMrS-B5i7s/s1600/ActionscriptClassWarning.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6pq7dpKghChnhbH6Nn1gbyPdLthW06goDkfDJBo-2Fo4-H87gnbsbq9WUTOTXO8Dungz6gxl65liCP5umIf7U_wZwyZh2gebxfrJDHAAip20iH6DfjFi2kwXHSDh8y1OdToMrS-B5i7s/s400/ActionscriptClassWarning.png" width="400" /></a></div><div><br />
</div><ul><li>Check on "Don't show again." and click OK. </li>
<li>Click on "Edit class definition" button again. You should get promoted with the following dialog :</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglf4QhLRawGD2IBkZhs7TttvCnSzMy6sGujIRzj-msgD1jJfvs6TJYrOs1wrtQcbfmttryjymyH6IdwvitU1OP-ThG0AxdDtyuMQ__n0yVUv51-l1OBV5gi62Q_pDCxeJoW5GYF-_JCnU/s1600/EditActionScript3.0Class.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglf4QhLRawGD2IBkZhs7TttvCnSzMy6sGujIRzj-msgD1jJfvs6TJYrOs1wrtQcbfmttryjymyH6IdwvitU1OP-ThG0AxdDtyuMQ__n0yVUv51-l1OBV5gi62Q_pDCxeJoW5GYF-_JCnU/s400/EditActionScript3.0Class.png" width="400" /></a></div><div><br />
</div><ul><li>Select "Flash Builder" and click OK.</li>
<li>Flash Builder is going to get launched if it is not already and you should get promoted with the Project creation dialog as follows :</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_cl9vdKWRs8Z3hnVWZm4zWO52AdwN4aGrynHiYGWjjfx5a0a-yMrrfyuNAjEFU2LgCcejorRDLs9CuepklFsLZmkDGBfl6cqzg9DYPcynbNxV69NTaG1z9KBqpVVc80d5NP3EDAJ61Us/s1600/ProjectCreationDialog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="317" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_cl9vdKWRs8Z3hnVWZm4zWO52AdwN4aGrynHiYGWjjfx5a0a-yMrrfyuNAjEFU2LgCcejorRDLs9CuepklFsLZmkDGBfl6cqzg9DYPcynbNxV69NTaG1z9KBqpVVc80d5NP3EDAJ61Us/s400/ProjectCreationDialog.png" width="400" /></a></div><div><br />
</div><div><br />
</div><div><b>Notice the following : </b></div><div><ol><li>Target file is the Fla file where you triggered the project creation from.</li>
<li>Default location is where your project is going to get created,Which is by default is the Flash Builder workspace. You can always change the location and point to a different location.</li>
</ol><div><ul><li>Click Finish.</li>
<li>Flash Builder is going to prompt you with a dialog to create your document class since it does not exist yet as follows :</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlUsE2v_NPu9B_a4Ky_btXamqyUSUx-2nJKycPm1-KHGFMQPnMIkUtAhnMoSOPbtkPsyL1AFTXs1cpg8dZR-iRBqbalQcApy-yYsc7z16GGpIOjV7sQfhDE3krCGA4fQoerSIvvrYlwfI/s1600/NewActionScriptClass.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlUsE2v_NPu9B_a4Ky_btXamqyUSUx-2nJKycPm1-KHGFMQPnMIkUtAhnMoSOPbtkPsyL1AFTXs1cpg8dZR-iRBqbalQcApy-yYsc7z16GGpIOjV7sQfhDE3krCGA4fQoerSIvvrYlwfI/s400/NewActionScriptClass.png" width="342" /></a></div><div><br />
</div><ul><li>Click Finish.</li>
</ul><div>Results : </div><div><ol><li>Flash Professional Project named after the Fla file name.</li>
<li>Document Class "MyClass.as".</li>
<li>Flash Professional Test Movie, Debug, Publish icons gets enabled.</li>
<li><span class="Apple-style-span"><span class="goog-spellcheck-word">ActionScript</span> class file named after the Fla file name. Flash Professional Project does not use this <span class="goog-spellcheck-word">ActionScript</span> file at all. It is just a Flash Builder project dependency and it has to be created.</span></li>
</ol><div>See the below screenshot :</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh71Zm6GzeN4aLdX6jvVEdweauSroodc6_XrR4l7Xjz2UM8b2Ct1_b8zHOvzGileSE9VgTfoHoDrXDLFkN3pKhWEvAl0RXFPUUPuVEi7nhcGK5e4xtxN7yqexLuAUtNclP0BR7uUmlErQ8/s1600/MyClassfile.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="521" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh71Zm6GzeN4aLdX6jvVEdweauSroodc6_XrR4l7Xjz2UM8b2Ct1_b8zHOvzGileSE9VgTfoHoDrXDLFkN3pKhWEvAl0RXFPUUPuVEi7nhcGK5e4xtxN7yqexLuAUtNclP0BR7uUmlErQ8/s640/MyClassfile.png" width="640" /></a></div><div>From here you can code in Flash Builder all you want and utilize all the good code editor features and Test Movie, Debug Or publish from within Flash Builder.</div><div></div><div>Enjoy!</div><div><br />
</div></div></div></div></div><div><br />
</div>Unknownnoreply@blogger.com19tag:blogger.com,1999:blog-4515170659505108256.post-79348528781869389892010-06-03T09:35:00.000-07:002010-06-03T09:35:13.606-07:00Adobe Flash Pro CS5 Update 11.0.1 is Live<div style="height: 0px;">x</div><span class="Apple-style-span" style="font-family: Arial; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;"><br />
</span></span>This update includes AIR 2.0 support in Flash Pro, Packager for iPhone enhancements, and other bug fixes. To run the updater do the following :<br />
<br />
<br />
<ol><li>Launch Adobe Flash Pro CS5.</li>
<li>Help > Updates...</li>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEienrmjJdEyQxFkgMSRpxqplIQPS6-w-38v4E14aER4uEI7QFrFzPDbQ4IpSFGaz6my8audlA3irGDB32Z6CEhBOcM7nkPigWjtiL5qm4fUf2pcRg60rf-l3vtH9FbYguYZB-gvXdQ0xRg/s1600/updates.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEienrmjJdEyQxFkgMSRpxqplIQPS6-w-38v4E14aER4uEI7QFrFzPDbQ4IpSFGaz6my8audlA3irGDB32Z6CEhBOcM7nkPigWjtiL5qm4fUf2pcRg60rf-l3vtH9FbYguYZB-gvXdQ0xRg/s320/updates.png" /></a></div><li>Quit Adobe Flash Pro CS5</li>
<li>Click UPDATE.</li>
<li>Quit when the updater is finished and launch Adobe Flash Pro CS5.</li>
</ol><div>To confirm the result :</div><div><ol><li>File > New.</li>
<li>Then select "IPhone OS".</li>
<li>Click OK.</li>
<li>From the Properties panel click on the iPhone OS Settings Edit button.</li>
<li>Click on "Icons" tab and you should see 2 new icons for iPad</li>
</ol><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOH11tLjBKO96Ijt24OzJOpL_mTKzWcW1oyrnJSRwb6pXNuilosDniVnSds9bfq9xNfdg8MZlu9Qf8BrOaidvkRjJTADjElmqctDiDIJQRpxC4nhEuJbrwUBJcYaifVdikdXLnQHC59qQ/s1600/iPhoneOSSettings.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOH11tLjBKO96Ijt24OzJOpL_mTKzWcW1oyrnJSRwb6pXNuilosDniVnSds9bfq9xNfdg8MZlu9Qf8BrOaidvkRjJTADjElmqctDiDIJQRpxC4nhEuJbrwUBJcYaifVdikdXLnQHC59qQ/s320/iPhoneOSSettings.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Click here <a href="http://www.adobe.com/support/flash/downloads.html">Adobe Flash Pro CS5 Update 11.0.1</a> to learn more.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div><br />
</div></div><div><br />
</div><ol><div class="separator" style="clear: both; text-align: center;"></div></ol>Unknownnoreply@blogger.com10tag:blogger.com,1999:blog-4515170659505108256.post-531490904641344272010-06-01T20:36:00.001-07:002010-06-02T09:24:00.612-07:00Flash Professional Does Not Show Code HintsCode hints sometimes does not show or work correctly due to cache corruption. To solve this issue you only need to delete your user config folder and that should do it for you. <br />Please make sure to quit Flash Professional before deleting your user config folder. <br /><br />Mac :<br />Macintosh HD/Users/<username>/Library/Application Support/Adobe/Flash CS5/<br /><br />Windows XP:<br /><br />boot drive\Documents and Settings\<username>\Local Settings\Application Data\Adobe\Flash CS5\<br /><br />Windows Vista:<br /><br />boot drive\Users\<username>\Local Settings\Application Data\Adobe\Flash CS5\<br /><br />Windows 7 :<br />boot drive\Users\<username>\AppData\Local\Adobe\Flash CS5<br /><br />The other issue is that when you don't get code hints for controls. for example, no code hints when you do the following <br /><br />fl. <br /><br />and you are expecting fl.controls. <br /><br />To solve this issue drag a component to your library (checkbox,DataGrid,etc..). and try again.<br /><br /><br />Enjoy!Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-4515170659505108256.post-30327666440168035682010-06-01T09:25:00.000-07:002010-06-01T13:30:31.955-07:00Flash Builder Data Centric - Flash Builder - PHPI have been using the new Data Centric feature in Flash Builder 4 For the past 2 weeks or so and it was an awesome experience from beginning to end until I hit an error where I got stuck for almost a day or so.I Could not solve the problem on my own so I asked around and I got the answer from the Flash Builder team. My project was Flash builder,PHP and mysql database. <br /><br />Problem Description : Every time I try to delete a record, I get the following error :<br /><br />ArgumentError: Attempt to use managed delete method with an item that is not managed on this client.<br /><br />Root cause of the problem : I had enabled Data management for an entity and delete method is part entity’s data service operations<br /><br />Solution : <br />If data management is enabled, we can only modify data that is managed/returned by the server. So you can only delete a record if it is returned by the server. <br /><br />Depending on your application’s logic, you may either want to remove delete operation from Data Management or delete the record after getting a record from the server.<br />To remove delete operation from entity’s managed operations, Context click on the entity->Enable Data Management ->Click Next-> Set the delete item operation to None.<br /><br />Thanks,<br />tareqUnknownnoreply@blogger.com5tag:blogger.com,1999:blog-4515170659505108256.post-46223457113534443932010-05-27T15:34:00.000-07:002010-06-01T11:54:59.960-07:00Create a Flash Professional Project in Flash Builder - Part 1In this post I am going to cover part of the new Flash Pro/Flash Builder feature that we implemented in the recent release of Adobe Flash Authoring (Adobe Flash CS5).I am going to start with the entry points to create your Flash Professional Project.<br /><br />From <a href="http://www.adobe.com/products/flashbuilder/?sdid=FDNZY">Adobe Flash Builder 4</a> :<br />1. Launch Adobe Flash Builder.<br />2. Right click on package Explorer and select "Flash Professional Project" as follows :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSAyh0SBSFACKSA-I9hCAcnb8KD40iCs3K8RNgRtdWdjmxOqQxMPpvjMxFmBoWi_DxD1GFDi1bdu1QeRU1Gs8iDcqoHLrim8MaVbxp8D4sWdjHbuwYCfNKLSxvpIVAZALsKDmB_65HFiU/s1600/packageExplorer.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 260px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSAyh0SBSFACKSA-I9hCAcnb8KD40iCs3K8RNgRtdWdjmxOqQxMPpvjMxFmBoWi_DxD1GFDi1bdu1QeRU1Gs8iDcqoHLrim8MaVbxp8D4sWdjHbuwYCfNKLSxvpIVAZALsKDmB_65HFiU/s320/packageExplorer.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5476087107307430290" /></a><br /><br />3. Select New > Flash Professional Project and you should get prompted with the following dialog : <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW9_uiAibDE5YIKVarUA8ipPtIkHz5JTSNN9bs9Ly5q0AwqZ7FZkhhX7bVjoo2plIRqA15I95_LKh36eqHQ52nsGuJNC4I-j_0ilq5U7iOuQmw3MGQJh9Vpiph7glRimyGc5CdyfZWebU/s1600/dialog.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 232px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW9_uiAibDE5YIKVarUA8ipPtIkHz5JTSNN9bs9Ly5q0AwqZ7FZkhhX7bVjoo2plIRqA15I95_LKh36eqHQ52nsGuJNC4I-j_0ilq5U7iOuQmw3MGQJh9Vpiph7glRimyGc5CdyfZWebU/s320/dialog.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5476087878832613170" /></a><br />4. Click on the browse button and select a target Fla file. Remember each Flash Professional Project has to be have a target Fla file. As you see in the above dialog, the default location on where your project is going to get created is Flash Builder workspace. Of course, you can un-check the default location and point to any location you want. For now we are going to keep it as is.<br />5. Click "Finish".<br />6.Now,If Flash Professional was not launched.Creating the project is going to launch Flash Professional and publish without opening the Fla file in Flash.<br />7. Once you create a Flash Professional Project a three icons for (Publish,Debug,and Test Movie) get enabled as follows :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ5FT9Sv-Cn8yUOn1AsLU-gg74S88VFCccDV-eTYdXVTIbTw7ZuyuHxPuwKy3BEYSPLwhA8U_YREr6_sxsqh1eBySUYnMR2D7w1rNr7s-Ma-wlzcFRqS7xNu6IUaaeFdzTSBN8bnNV4yQ/s1600/FlashProfessionalProject.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 232px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ5FT9Sv-Cn8yUOn1AsLU-gg74S88VFCccDV-eTYdXVTIbTw7ZuyuHxPuwKy3BEYSPLwhA8U_YREr6_sxsqh1eBySUYnMR2D7w1rNr7s-Ma-wlzcFRqS7xNu6IUaaeFdzTSBN8bnNV4yQ/s320/FlashProfessionalProject.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5476429880898642594" /></a><br /><br />And also all your Fla file settings get copied over to Flash builder at the time of the creation of your project such as (library Path,source path,etc..). For instance, if you have a custom SWC that you added to your Library path of your Fla, that SWC will get copied over to Flash Builder when you create your project and you can code against it in Flash Builder. <br /><br />Note : the Fla file settings get copied over to Flash Builder only at the time of the creation of your project which means that if you add a swc to your Fla file, your Flash Professional Project settings in Flash Builder won't sync. You can see your Flash Professional Settings by :<br />1. Right Click on your Flash Professional Project in Flash Builder <br />2. Select "Properties".<br />3. Click on "ActionScript Build Path" category.<br /><br />As you see all the Fla settings have been copied over.<br /><br />From here you can "Test Movie" using "Ctrl + Enter" for windows Or " Command + Enter for Mac. You can also Publish and Debug from within Flash Builder.<br /><br />In the part2 of this post, i am going to cover how to creating a Flash Professional Project from Flash Professional and talk about preferences.<br /><br />enjoy!Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-4515170659505108256.post-71201156278671718512010-05-10T16:59:00.000-07:002010-05-10T17:08:02.156-07:00Using Flash Builder 4 with Flash CS5Watch my session from Flash camp San Francisco. In this session i covered the new workflow between Flash Pro and Flash Builder 4 that we have implemented in Flash CS5.<br /><br /><a href="http://tv.adobe.com/watch/flash-camp-san-francisco/using-flash-builder-4-with-flash-cs5" target="_blank">USING FLASH BUILDER 4 WITH FLASH CS5</a><br /><br />Enjoy!Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4515170659505108256.post-50839098416713968592010-05-06T11:14:00.000-07:002010-05-06T12:13:59.616-07:00Code hints is unable to build code hints cacheOne of the new cool features in Adobe Flash Authoring CS5 is custom code hints introspection. Using this feature some of you might encounter the bug when code hints is unable to build code hints cache. A file cap was put in place to prevent the code hinting mechanism from churning in the background for files saved on the desktop or in the root directory. It will try to parse all surroundings files which could take quite a bit of time and would hold up getting back any code hinting information. Therefore, a default file cap of 800 files was put into place. However, you can change this value by adding a preference key as follows :<br /><br /><Warning> This tip is only for advance users who are comfortable changing registry keys.<br /><br />Windows: <br />1. Open Regedit and navigate to: HKEY_CURRENT_USER > Software > Adobe > Flash 11 > Settings<br />2. Right+click and choose: ‘New… > DWORD Value’<br />3. Rename the key: Project File Cap<br />4. Select the key and choose: ‘Modify’<br />5. Edit the value as either hex or decimal: 1000<br />6. Click OK and restart Flash<br /><br />Mac:<br />1. Open ‘/Users/<username>/Library/Preferences/Flash CS5 Preferences’ in Text Edit<br />2. Under the <Settings> section add the following: <Project_File_Cap>1000</Project_File_Cap><br />3. Save the file and restart Flash<br /><br />Thanks,<br />tareqUnknownnoreply@blogger.com13tag:blogger.com,1999:blog-4515170659505108256.post-10935864951702936862010-04-26T10:56:00.000-07:002010-04-26T11:42:12.832-07:00Flash CS5: XFL and Live EditingA coworker of mine on the Flash Authoring team, Valerio Virgillito, has an excellent blog at <a href="http://blog.mencio.com/wp-trackback.php?p=28">http://blog.mencio.com/?p=28</a> where he explains how XFL Live editing works in Flash CS5.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4515170659505108256.post-62566323065533742552009-10-07T14:09:00.000-07:002009-10-07T14:14:59.978-07:00Adobe Max 2009 Sneak Peaks - Physic objectsCheck out the new physics engine that is going to be in Flash CS5.<br />Very cool stuff, no code required to create a very complicated physics motion and apply it to symbol on stage.<br /><br /><a href="http://www.youtube.com/watch?v=l09eJw-hN78&feature=autoshare_twitter">http://www.youtube.com/watch?v=l09eJw-hN78&feature=autoshare_twitter</a><br /><br />Enjoy!Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4515170659505108256.post-89944771116311332052009-10-05T13:36:00.000-07:002009-10-05T13:53:24.079-07:00Flash Applications for the iPhoneAdobe announced today at MAX that it is next version of Flash, Adobe Flash CS5 ,is going to enable users to easily create and develop applications for iPhone and iPod touch.<br /><br />The work-flow to build those applications using Adobe Flash CS5 is going to be straight forward and not complicated at all so anyone can build an app. <br /><br />Check out some of those applications <br /><br /><a href="http://labs.adobe.com/technologies/flashcs5/appsfor_iphone/">http://labs.adobe.com/technologies/flashcs5/appsfor_iphone/</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4515170659505108256.post-24734052875569212582009-06-03T16:09:00.001-07:002009-06-04T14:46:02.618-07:00Flash Outline ViewI know many of the Flash Builder(formerly Flex Builder) users will say"Wait!! there is no Outline view in Flash. Where did you come up with this stuff?". My answer would be, ohhh! i meant to say Movie Explorer panel.<br />Flash CS4 is a product rich of features, but many users only know about a small subset of its capabilities. Movie Explorer is one of those features that I am going to talk about in this post.<br /><br />To open the Movie Explorer panel you can just go <br /><br />Window > Movie Explorer or "Alt + F3."<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS9SX25MF3bXZNuz-iy9KLcp3USVZzu3tlJnkPtT6QkBu9-U4KlShlequhMV0lf2mxb9XJ5qxX2P7ZD7zoRrw75UEaJ7OfQxHu635wbe3A3IR0_vWDJ0nA0IcJt4wOfPFqqvYYoQqH7SQ/s1600-h/WindowsExplorer.gif"><img style="cursor:pointer; cursor:hand;width: 149px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS9SX25MF3bXZNuz-iy9KLcp3USVZzu3tlJnkPtT6QkBu9-U4KlShlequhMV0lf2mxb9XJ5qxX2P7ZD7zoRrw75UEaJ7OfQxHu635wbe3A3IR0_vWDJ0nA0IcJt4wOfPFqqvYYoQqH7SQ/s320/WindowsExplorer.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5343253753971396914" /></a><br /><br /><br />Let's go over the Movie Explorer UI and explain how it works:<br /><br />1. Launch Flash CS4.<br />2. First thing you want to do is to open Movie Explorer (Window > Movie Explorer) and dock it anywhere in the UI where you can see it at all time. I usually dock it on top of the action panel as follows :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvwMQvPjTNtBbaukE7eoaVXc0AMU1DAImtLzdDf7n9mmTDOXYYtTHyM5Az4BgMVeV3TdP3HiTj3vP4PkFQY-nXcKeKu15p5squtJ1TWcFBgt3xorVwdw1UJMlKwrPiSLyfzZqZNh37D2E/s1600-h/MovieExplorerview.jpg"><img style="cursor:pointer; cursor:hand;width: 320px; height: 178px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvwMQvPjTNtBbaukE7eoaVXc0AMU1DAImtLzdDf7n9mmTDOXYYtTHyM5Az4BgMVeV3TdP3HiTj3vP4PkFQY-nXcKeKu15p5squtJ1TWcFBgt3xorVwdw1UJMlKwrPiSLyfzZqZNh37D2E/s320/MovieExplorerview.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5343256306020885330" /></a><br /><br />Movie explorer has 6 buttons that filters different items in your Flash Movie as follows :<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKEZ6QMC9yPYdkrbwDWup7kgU5lQh0WG-HO3LNn0ixeS8bNX6ggtr5AraGVedpQPDMT2n_VDOnpfGSfkJWEnOz0u7Wzf0b_eCALfEab2xLdDVGq0pA_dX0awg6gEOV_8AN2sTOQkHysNQ/s1600-h/A.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 20px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKEZ6QMC9yPYdkrbwDWup7kgU5lQh0WG-HO3LNn0ixeS8bNX6ggtr5AraGVedpQPDMT2n_VDOnpfGSfkJWEnOz0u7Wzf0b_eCALfEab2xLdDVGq0pA_dX0awg6gEOV_8AN2sTOQkHysNQ/s320/A.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5343259837300112290" /></a> To show text items.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGeNmHRU2624emrUkWYMveyL4zOE-PMI4o-sEQXYfIYu6VgXUSfglQN0Q7VuCmAvcsN-y2afz7-_3-kl02v9C6RoYu6wPWhWx28AUTo2t1Ow4xQfm5CIRVCa4uLHN2F3fC6uxCkygHsXA/s1600-h/MovieClip.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 19px; height: 16px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGeNmHRU2624emrUkWYMveyL4zOE-PMI4o-sEQXYfIYu6VgXUSfglQN0Q7VuCmAvcsN-y2afz7-_3-kl02v9C6RoYu6wPWhWx28AUTo2t1Ow4xQfm5CIRVCa4uLHN2F3fC6uxCkygHsXA/s320/MovieClip.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5343261324960588898" /></a>To show symbols (Movieclips,Buttons,Graphic).<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjKMXCfT7kunPfoEvsPMpzlCM33tihk2jJFvBPE_ExDMV4zzzgAs8CH8lmTnQh76hHuf49OGhpnIF9k2mecH1kw1Uon9cUYvOSPnRk016BU6NM4YGOqxUUG1vyeBX2ccqtFkgXKoR41lo/s1600-h/actionscript.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 19px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjKMXCfT7kunPfoEvsPMpzlCM33tihk2jJFvBPE_ExDMV4zzzgAs8CH8lmTnQh76hHuf49OGhpnIF9k2mecH1kw1Uon9cUYvOSPnRk016BU6NM4YGOqxUUG1vyeBX2ccqtFkgXKoR41lo/s320/actionscript.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5343261914278292258" /></a> To show actionscript code on the main timeline and inside symbols.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxaRnFk734tQNQJ5Dc_KqQN53g8EeUaTsQgdgpiAs8o04ciIqHp7U5E5a0xnwd4AgsYM05tfo67gEX0O4uvc9DreIumubAMZGIWJq2GrrjVXyEo1K9wbmiAEAB60ecOQHk8UNH4ZIt644/s1600-h/video.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 22px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxaRnFk734tQNQJ5Dc_KqQN53g8EeUaTsQgdgpiAs8o04ciIqHp7U5E5a0xnwd4AgsYM05tfo67gEX0O4uvc9DreIumubAMZGIWJq2GrrjVXyEo1K9wbmiAEAB60ecOQHk8UNH4ZIt644/s320/video.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5343262328839526514" /></a> To show (video, sounds, and bitmaps).<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzv9IVMvJnOSodp_vZIXUqogzl5BXTzUNAhrEeXpCiKftneWMGymQ-Ue6scufc1gikfH_2NqottYDMGzhW1rYnDqngHfMIfGmBddluTg1idYKvr09_mdRCUcKpu-2gqhR_Nl9YVn1jOvE/s1600-h/layers.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 19px; height: 17px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzv9IVMvJnOSodp_vZIXUqogzl5BXTzUNAhrEeXpCiKftneWMGymQ-Ue6scufc1gikfH_2NqottYDMGzhW1rYnDqngHfMIfGmBddluTg1idYKvr09_mdRCUcKpu-2gqhR_Nl9YVn1jOvE/s320/layers.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5343262847522582546" /></a> To show layers and the content of each layer categorized by frames.<br /><br />And also you can customize the settings of your Movie Explorer panel by clicking on <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSbxlq8BT-nk5ntFbe_r_qSgHTKFrcB2Wu2CP960v5fl8mzV3qYU7A4QIDxSH7_3PNpAjKztuJEKER8EEM17rQxesbk_hz78prbrsEhe_3FL1RgPowGvWHxXgiraic5JT0S9nJHBawXd8/s1600-h/customize.jpg"><img style="cursor:pointer; cursor:hand;width: 24px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSbxlq8BT-nk5ntFbe_r_qSgHTKFrcB2Wu2CP960v5fl8mzV3qYU7A4QIDxSH7_3PNpAjKztuJEKER8EEM17rQxesbk_hz78prbrsEhe_3FL1RgPowGvWHxXgiraic5JT0S9nJHBawXd8/s320/customize.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5343264078413710434" /></a><br />Which should present you with <br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr3NmBHPSxm1HmCUgmDmgPFbSL-3GB4lQ3OIxHffq0mXTztTv_gOMJQU345H575Rpki3NaXLlZvWhuVAfedKdMMMuve8MlCT1hFej1_eYOyJ7PzHIefX-Pd7TfWyW5ANenW4RcXq79Tb0/s1600-h/Cusomizepanel.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 171px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr3NmBHPSxm1HmCUgmDmgPFbSL-3GB4lQ3OIxHffq0mXTztTv_gOMJQU345H575Rpki3NaXLlZvWhuVAfedKdMMMuve8MlCT1hFej1_eYOyJ7PzHIefX-Pd7TfWyW5ANenW4RcXq79Tb0/s320/Cusomizepanel.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5343264996917450722" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Let's assume that you have a Fla file that has the following <br /><br />1. Instance of a movieclip called "MyMovie". <br />2. Layer 2 that called "actionscript" and has trace statement on frame 1 <br /><br />Please make sure to press the Actionscript, Movieclip, and Layers buttons in the Movie Explorer and you should see : <br /><br /> <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEievkaR9oEmB2C-E1_7mEvg3pb13_Rm_FbbgDS-gjVi3qIhHecFMP2q_2GQKrZXEyFvE3TjVly5V8XDiFXBIpU0ZpwKe2zo4K0RWP-35inoNk3vqeEkepnfkcIeY66v3Bwe8rCUKMkr6cc/s1600-h/MovieExample.jpg"><img style="cursor:pointer; cursor:hand;width: 320px; height: 255px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEievkaR9oEmB2C-E1_7mEvg3pb13_Rm_FbbgDS-gjVi3qIhHecFMP2q_2GQKrZXEyFvE3TjVly5V8XDiFXBIpU0ZpwKe2zo4K0RWP-35inoNk3vqeEkepnfkcIeY66v3Bwe8rCUKMkr6cc/s320/MovieExample.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5343268936993832642" /></a><br /><br /><br />Check out the below link to see more information about Movie Explorer <br /><a href="http://help.adobe.com/en_US/Flash/10.0_UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7f62a.html" target="_blank">Adobe Flash Movie Explorer</a><br /><br />You can save your current workspace by <br /><br />"Window > Workspace > New Workspace" and just give it a name.<br /><br /><br /><br /><br />Enjoy it!<br />TareqUnknownnoreply@blogger.com2tag:blogger.com,1999:blog-4515170659505108256.post-72290415237059400102009-05-13T11:54:00.000-07:002009-05-13T15:49:49.537-07:00Adobe Flash CS4 Professional Update (10.0.2) is live on adobe.comThe Flash team has been working tirelessly on Flash updater that fixes many performance problems and some other few bugs.<br />You can download the Updater (Adobe Flash CS4 Professional Update 10.0.2) from the following location <br /><a href="http://www.adobe.com/downloads/updates/">http://www.adobe.com/downloads/updates/</a><br /><br />You can also visit <br /><a href="http://www.adobe.com/devnet/flash/">http://www.adobe.com/devnet/flash/</a><br />OR<br /><a href="http://www.adobe.com/devnet/">http://www.adobe.com/devnet/</a><br />To run the updater please do the following :<br />1.Quit Adobe Flash CS4.<br />2.Download and install the updater from the above location.<br /><br /> For more about this update visit <a href="http://blogs.adobe.com/rgalvan/">Richard Galvan's blog</a>.<br /><br /><br /><br />Cheers<br />TareqUnknownnoreply@blogger.com1tag:blogger.com,1999:blog-4515170659505108256.post-35932137995354119832009-03-31T17:34:00.000-07:002009-04-24T17:36:46.586-07:00Did you know????In this post am going to tell you few tips that are not known by many Flash users ,except for a few.SHSHSH.... please don't tell anyone :).<br /><br />Tip 1 : New Sprite Icon in Flash CS4: Sprite has unique green icon that distinguish it from Movie clips symbol.Don't get excited, it is still a Movie clip since it has a timeline in it, it is just a different icon.<br /><br />Many Users would rather use Sprite over Movie Clip because of the overhead in memory required to instantiate a Movie clip once the timeline is being used.<br /><br />Now let me show you the new Icon :<br /><br />1. New Fla file.<br />2. Create a rectangle on stage.<br />3. Using the selection tool <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPQ4O7s279O1TO9uFSdlROpCwdIyCbs1PE3imNbFQUr83vZWB5ts6N3QddhwYqXqjlAP9PI4Ti-OSTQk8o3ngiXFNaxMZi-nIiIoeKgU4SwJNWblFy5ia5A2w9VN48MqvkZ-j41JHpr-Y/s1600-h/selectiontool.jpg"><img style="cursor:pointer; cursor:hand;width: 21px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPQ4O7s279O1TO9uFSdlROpCwdIyCbs1PE3imNbFQUr83vZWB5ts6N3QddhwYqXqjlAP9PI4Ti-OSTQk8o3ngiXFNaxMZi-nIiIoeKgU4SwJNWblFy5ia5A2w9VN48MqvkZ-j41JHpr-Y/s320/selectiontool.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5319518708947488242" /></a> Double click on the rectangle to select.<br />4. Modify > Convert To Symbol.<br />5. Turn on "Export for ActionScript" as follow :<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOES8aow-CtAv06l-GI8aMYXJTu_QPQaeP3qHMb_89A_QDoTNwYWBcbm2gotlVtT2y6E__cJyeYABJXfz7W81CHZTidQfPvAp8kB24Y-_cK5jR13ddNTDrNvXcCnPyzkxi3c363JfGMwE/s1600-h/prop.jpg"><img style="cursor:pointer; cursor:hand;width: 244px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOES8aow-CtAv06l-GI8aMYXJTu_QPQaeP3qHMb_89A_QDoTNwYWBcbm2gotlVtT2y6E__cJyeYABJXfz7W81CHZTidQfPvAp8kB24Y-_cK5jR13ddNTDrNvXcCnPyzkxi3c363JfGMwE/s320/prop.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5319519273096976994" /></a><br />6.Change the Base class value from "flash.display.MovieClip" to "flash.display.Sprite".<br />7.Click OK.<br />8.Click OK again.<br />9.(Window > Library) to open Library panel if it is not already and you should see the following :<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw00NP8ON2rRzrg3GPGREmzJRq4GFZkv77RQJFmJSV1O_6xUVVbR_fV_d4NN0Lqjynax80METfi6yH_QNb6bxeRShN1xW9OjJwXrjUoBHAoDMh_hJezF9HYrnO2ZdE0qG9CxJElEVwxpg/s1600-h/sprite.jpg"><img style="cursor:pointer; cursor:hand;width: 202px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw00NP8ON2rRzrg3GPGREmzJRq4GFZkv77RQJFmJSV1O_6xUVVbR_fV_d4NN0Lqjynax80METfi6yH_QNb6bxeRShN1xW9OjJwXrjUoBHAoDMh_hJezF9HYrnO2ZdE0qG9CxJElEVwxpg/s320/sprite.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5319520155969480754" /></a><br /><br /><br />Tip 2 : Do you know that you can assign an instance name to an animation in the Motion Property inspector, then use this line of code—tweenInstanceName.addTarget (mcInstanceName)—to apply this animation to another instance in your FLA file as follow :<br /><br />1. Launch Flash CS4.<br />2. New Flash File(ActionScript 3.0).<br />3. Using the Rectangle tool create a rectangle on stage.<br />4. Select the rectangle on stage and convert to Movie clip.<br />5. Right Click on the Movie clip on stage and select "Create Motion Tween" as follow :<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioNmo67mYRVDP1SCASHigSoLJlPMhbqiayQ59Mbw0rg6ZQZuwuXZAow5HNsf3aYmDpFlJA7cWDHJp19IOhXY2BqSj1AFgeqtY_ayyG0rdX2glu63m9umKYvCs53wM3Nx9B9UsPGZDXW6E/s1600-h/MotionTween.png"><img style="cursor:pointer; cursor:hand;width: 291px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioNmo67mYRVDP1SCASHigSoLJlPMhbqiayQ59Mbw0rg6ZQZuwuXZAow5HNsf3aYmDpFlJA7cWDHJp19IOhXY2BqSj1AFgeqtY_ayyG0rdX2glu63m9umKYvCs53wM3Nx9B9UsPGZDXW6E/s320/MotionTween.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5328407496667598194" /></a><br />6.Change the location of the Movie clip on stage to animate it and by doing that you should see the animation path as follow : <br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeWIj-5ec170lr_dpyrIAe2lpH0qoZ894luFT7qdE4yCERVwkU0BM_xhvAwX-q_D3lSuWOJUuG8-STIEBU0IgL3FaA-shEXnYaReku-jJrn9-3VkAndq0qMBNQxl3hmV99Hubam8mv-Lg/s1600-h/animatedMovie.png"><img style="cursor:pointer; cursor:hand;width: 320px; height: 226px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeWIj-5ec170lr_dpyrIAe2lpH0qoZ894luFT7qdE4yCERVwkU0BM_xhvAwX-q_D3lSuWOJUuG8-STIEBU0IgL3FaA-shEXnYaReku-jJrn9-3VkAndq0qMBNQxl3hmV99Hubam8mv-Lg/s320/animatedMovie.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5328408130137902306" /></a><br /><br />7. Select the animation path and open the Properties panel (Windows > Properties).<br />8. Add an instance name to the Motion by typing an instance name for Motion Tween as follow :<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmfwmP_qXUtCFRMuQAvvcD7dHDepoS4YjSdg5j7TUtCe7wy71TTUVq1AZGs7opF4CMbANdnaABm3mO-9UhoYvo0vbWJP-_sVO6qR1tRktLsGw-0TN3ANvoE-ZHSh07TLq9IBz2aVeJl5M/s1600-h/instanceName.png"><img style="cursor:pointer; cursor:hand;width: 320px; height: 268px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmfwmP_qXUtCFRMuQAvvcD7dHDepoS4YjSdg5j7TUtCe7wy71TTUVq1AZGs7opF4CMbANdnaABm3mO-9UhoYvo0vbWJP-_sVO6qR1tRktLsGw-0TN3ANvoE-ZHSh07TLq9IBz2aVeJl5M/s320/instanceName.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5328408911528869682" /></a><br />9. Create a new timeline layer.<br />10.On the new layer create another Movieclip and give it an instance name "newMovie".<br />11.Create new layer and call it "Actions" and open the action panel (Windows > Actions)<br />12. In the action panel type the following :<br /><br />//myMotion is the motion instance name <br />//myMovie is the target Movie clip<br />//tweenInstanceName.addTarget (mcInstanceName)<br /><br />myMotion.addTarget(newMovie);<br /><br />13. Test Movie and you should see both Movie clips has the same animation.<br /><br />Tip 3: New Flex component Icon in Flash CS4: Flex Components that was built in Flash CS4 has unique Flex icon that distinguish it from Flash Movie clips.<br /><br />1. Quit Flash CS4.<br />2. Download and install <a href="http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex_skins" target="_blank">Flex Component Kit for Flash CS3 Professional</a> using Adobe Extension Manager CS4.<br /><br />Note : it is saying Flex Component Kit for Flash CS3 but it also works for Flash CS4 "promise am telling you the truth".<br /><br />3. Launch Adobe Flash CS4.<br />4. File > New and select "Flash File(ActionScript 3.0) and click OK.<br />5. Open the Commands menu and it should look like this if the kit was installed correctly :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoB-4Qsg3zF4UOmz1DI7cGydF4Db8aqNw0d9bCYadhKEDGUiUyY4sk4fhm71QLJzwjwqbLxh11vg3LbPYBCP94_kUdbl792gD8-tN6KIc3TAXROUCYU-B86fgbRQxLcBp0Lvg44HlRfPg/s1600-h/FCK.png"><img style="cursor:pointer; cursor:hand;width: 320px; height: 126px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoB-4Qsg3zF4UOmz1DI7cGydF4Db8aqNw0d9bCYadhKEDGUiUyY4sk4fhm71QLJzwjwqbLxh11vg3LbPYBCP94_kUdbl792gD8-tN6KIc3TAXROUCYU-B86fgbRQxLcBp0Lvg44HlRfPg/s320/FCK.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5328415584928854194" /></a><br /><br />6.Using the Rectangle tool create a rectangle on stage.<br />7.Select the rectangle on stage and convert to Movieclip.<br />8.Commands > Convert Symbol To Flex Component.<br />9.Windows > Library to open Library if it is not already and you should see the new pretty icon as follow :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-r4rU9XlRf8n7SlIw4yL6XxBYZVLhoswkKHtByfFctNxugxCJXBsRWSu0Kcxvi6IenWM-xF_7I52CUgkxUCfSFoZJDBx-MyQHJvxDfGHKzwmPaLnBqqulRcW5Il4aw2DsV4n_xvsMujY/s1600-h/FlexIcon.png"><img style="cursor:pointer; cursor:hand;width: 298px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-r4rU9XlRf8n7SlIw4yL6XxBYZVLhoswkKHtByfFctNxugxCJXBsRWSu0Kcxvi6IenWM-xF_7I52CUgkxUCfSFoZJDBx-MyQHJvxDfGHKzwmPaLnBqqulRcW5Il4aw2DsV4n_xvsMujY/s320/FlexIcon.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5328416849300356738" /></a><br /><br />How about that :), pretty cool.<br /><br />Now you can publish and use this symbol in Flex. I will be talking about this in future posts.<br /><br /><br />Thanks,<br />TareqUnknownnoreply@blogger.com2tag:blogger.com,1999:blog-4515170659505108256.post-47992061551929981962009-03-04T15:05:00.000-08:002009-03-04T17:40:31.481-08:00Slice 9 in Adobe Flash CS4Lately I have been getting many questions and complains regarding Slice 9 and why it's not functioning correctly when doing certain things , so i decided to write this blog to clarify two things :<br /> - What is Slice 9 and how the user can you use it.<br /> - Feature Limitations. <br /><br />First let me talk a little bit about Slice 9 concept and then i will tell you about what you can and cannot do with slice 9.<br /><br />The concept of Slice 9 is to split the Movieclip into 9 areas that are going to be scaled independently.<br />Why?? Using the Slice 9 grid,Users can control which areas to be scaled and which not to be scaled.For instance, many designers don't want see the corners of a custom component to be distorted when scaling that component.<br /><br />As you see in the graph below Flash Authoring will divide the Movieclip into 9 areas that going to be scaled as below <br /><br />1. No scale 2. Horizontal scale 3. No scale<br />4. Vertical scale 5. Horizontal and Vertical scale 6. Vertical scale<br />7. No scale 8. Horizontal scale 9. No scale <br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQwc8l9BDlddlHqSnHJsq9tvBYOlJK-w7f6rmMURNMn7sBWDHeLQRNA1kRvahL7yYYKtGrhe-jXHsCvzBRfuBBRntJTql6ZwExVIVhjio63jCCrS2eftu51jVJZEJ6MdqRIyt1Bt7prJo/s1600-h/Slice9Concept.gif"><img style="cursor:pointer; cursor:hand;width: 224px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQwc8l9BDlddlHqSnHJsq9tvBYOlJK-w7f6rmMURNMn7sBWDHeLQRNA1kRvahL7yYYKtGrhe-jXHsCvzBRfuBBRntJTql6ZwExVIVhjio63jCCrS2eftu51jVJZEJ6MdqRIyt1Bt7prJo/s320/Slice9Concept.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5309472027124230498" /></a><br /><br />Figure 1. Slice 9 areas.<br /><br />Nothing better than an example to demonstrate how to use scale 9 <br /><br />1. Launch Flash CS4 "if you don't have Flash CS4 go buy it :)".<br />2. File > New and then Select "Flash File (ActionScript 3.0).<br />3. Select Rectangle Tool from the ToolBar as follow :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXfK1o1QO7NpP8TqErijplx39cKPZRpFaaAnLwdf1F59pKiSDsteELoueLDHWLB13XWqDUHgLhMDV3WW_5B9OMlNh4VhAVPG3aRCF1do2LHbVnkoGeai3ryAqhlYYPkQXl-SPnlOz46w8/s1600-h/Rectangle.gif"><img style="cursor:pointer; cursor:hand;width: 278px; height: 158px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXfK1o1QO7NpP8TqErijplx39cKPZRpFaaAnLwdf1F59pKiSDsteELoueLDHWLB13XWqDUHgLhMDV3WW_5B9OMlNh4VhAVPG3aRCF1do2LHbVnkoGeai3ryAqhlYYPkQXl-SPnlOz46w8/s320/Rectangle.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5309475732973349042" /></a><br /><br />Figure 2. ToolBar Panel.<br /><br />4. From Properties panel (Window > Properties).Under Rectangle Options lock the rectangle corner and set them to 15 as follow <br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq0Czh5zn1RHyyEHWpVzb7V_ifOXAxQvWypyzaGpP3is0Tde9uDBvk8dUhxBHJWjMt6oULOy5fU0q26vWYLG86_CXy-_ONOIbuE44JxTl_9laywz_SQ0PeAqSh_RZsy9rYvSP5Elcj8rM/s1600-h/Rectangle+Options.gif"><img style="cursor:pointer; cursor:hand;width: 220px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq0Czh5zn1RHyyEHWpVzb7V_ifOXAxQvWypyzaGpP3is0Tde9uDBvk8dUhxBHJWjMt6oULOy5fU0q26vWYLG86_CXy-_ONOIbuE44JxTl_9laywz_SQ0PeAqSh_RZsy9rYvSP5Elcj8rM/s320/Rectangle+Options.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5309479131624798898" /></a><br /><br />Figure 3. Properties Panel.<br /><br />5. Draw Rectangle on Stage.<br />6. Select the Rectangle and the stroke by double clicking on it.<br />7. Modify > Convert To Symbol.<br />8. Make sure Symbol type is MovieClip.<br />9. Turn on "Enable guides for 9-slice scaling" as follow :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHVG9FFIb2qGEOofUPqR24aJtbiUTTGqCRs4427FwPbTneYNONPBg59OT_2uSJjALTkBiCrl7iAYHCHKqcjho7SbbovKaL3DSO8Px9RJJqzf-lHznwFXZfzunstWp9JlQ3fRX2sd0iURo/s1600-h/checkboxSlice9.gif"><img style="cursor:pointer; cursor:hand;width: 246px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHVG9FFIb2qGEOofUPqR24aJtbiUTTGqCRs4427FwPbTneYNONPBg59OT_2uSJjALTkBiCrl7iAYHCHKqcjho7SbbovKaL3DSO8Px9RJJqzf-lHznwFXZfzunstWp9JlQ3fRX2sd0iURo/s320/checkboxSlice9.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5309481048492749682" /></a><br /><br />Figure 4. Convert To Symbol dialog.<br /><br />10.Click OK.<br />11.Double click on the symbol to go into Edit mode and you should be seeing the following :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOcaQ35l_-W3b_gHpspPj1yA-te3MT8hh2C268ptCLJlwQZXnGE7px_bjkEY5jSPtbFmfHjjQACsYaabqezeeCfPyDuGTOj_85Ih_JGJ5wmzP337fKEZLMujk93cuugFFS1DqDgTdq8R8/s1600-h/Slice9Guides.gif"><img style="cursor:pointer; cursor:hand;width: 320px; height: 222px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOcaQ35l_-W3b_gHpspPj1yA-te3MT8hh2C268ptCLJlwQZXnGE7px_bjkEY5jSPtbFmfHjjQACsYaabqezeeCfPyDuGTOj_85Ih_JGJ5wmzP337fKEZLMujk93cuugFFS1DqDgTdq8R8/s320/Slice9Guides.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5309481522747402610" /></a><br /><br />Figure 5. Slice 9 Edit Mode.<br /><br />Moving those guides will determine which areas are going to be scaled :<br />a. Horizontally <br />b. Vertically <br />c. No Scale<br />as i explained above "Figure 1".<br /><br />12.Exit "Edit Mode" by clicking on Scene 1 as follow :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZ7dpBx09mzmM21Hs-FVLyeK3dNATR-nqytZSD2XRJDAvHWJ5PywIIN29xCW-11dvY_QXAIelr57BJl1fGP7QpcgbozvEkltMQVDrGWuz3UiIOEndLXXsEcxJ-y1mmPsxdw7gNjfhzUk/s1600-h/scene1.gif"><img style="cursor:pointer; cursor:hand;width: 320px; height: 54px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZ7dpBx09mzmM21Hs-FVLyeK3dNATR-nqytZSD2XRJDAvHWJ5PywIIN29xCW-11dvY_QXAIelr57BJl1fGP7QpcgbozvEkltMQVDrGWuz3UiIOEndLXXsEcxJ-y1mmPsxdw7gNjfhzUk/s320/scene1.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5309503048982790578" /></a><br /><br />Figure 6. Exit Edit Mode.<br /><br />13. Now try to scale the rectangle as follow :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbjTOsxHnvNIf5y5jHQjCRS7QhRgCczZuxxDHgESS8PJy8ZVkmX7qGPm47veWV19kWSQvRl2kIG91ZjTghG7P-C3h9ztdtnuSBa5pH7QmmTgvAFxw9dHy9j8jOvrfa7PxOF8RXWh8rChw/s1600-h/MovieClipWithSlice9.gif"><img style="cursor:pointer; cursor:hand;width: 320px; height: 234px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbjTOsxHnvNIf5y5jHQjCRS7QhRgCczZuxxDHgESS8PJy8ZVkmX7qGPm47veWV19kWSQvRl2kIG91ZjTghG7P-C3h9ztdtnuSBa5pH7QmmTgvAFxw9dHy9j8jOvrfa7PxOF8RXWh8rChw/s320/MovieClipWithSlice9.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5309503921961935346" /></a><br /><br />Figure 7. MovieClip with Slice 9.<br /><br />Notice that neither the stroke nor the corners have been scaled.<br /><br />Now let's try to turn off Slice 9 and see the difference. You can turn off Slice 9 by doing the following :<br /><br />1. Right click on the Symbol inside the library and select "Properties".<br />2. Turn off "Enable guides for 9-slice scaling".<br />3.Click Ok.<br /><br />You will see that the Rectangle on stage looks like below :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIpQlro3vxSoS7yWP2RHu0jLpoRid04kO1Io1HnzVjfhyphenhyphenvOnUShzAApqwF_D-M7u4ziXO0bXopiF3xD5ZS06ac4x7dLuMDdjU-QfHDTThDCYVTp8BHMcYpFcZNc3LXCXOdY251BpNcWHk/s1600-h/MovieClipWithoutSlice9.gif"><img style="cursor:pointer; cursor:hand;width: 320px; height: 233px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIpQlro3vxSoS7yWP2RHu0jLpoRid04kO1Io1HnzVjfhyphenhyphenvOnUShzAApqwF_D-M7u4ziXO0bXopiF3xD5ZS06ac4x7dLuMDdjU-QfHDTThDCYVTp8BHMcYpFcZNc3LXCXOdY251BpNcWHk/s320/MovieClipWithoutSlice9.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5309505166236099554" /></a> <br /><br />Figure 8. MovieClip without Slice 9.<br /><br /><br />Slice 9 limitations :<br />1. You can apply Slice 9 only on a MovieClip ( No Shape , No Button).<br />2. You can only Scale Slice 9 horizontally or vertically and if you try the following type of transformation,Slice 9 will get automatically turned off :<br /> a. Skew.<br /> b. Rotate.Unknownnoreply@blogger.com8tag:blogger.com,1999:blog-4515170659505108256.post-52452880138062237772009-02-23T14:39:00.000-08:002009-02-24T10:06:19.400-08:00Using StringUtil Class in FlashUsing Flex ActionScript 3.0 classes in Flash is now easier than ever before due to the new addition of the Flash Library path and external library path.<br />Am going to demonstrate how users can use StringUtil class without the need to go through the hoops to make it work in Flash.<br /><br /><br />1. Launch Flex Builder.<br />2. Create "Flex Library Project" and call it "FlexUtilFlash".<br />3. Right Click on the "src" folder and create "ActionScript Class" and call it "FlexUtilFlash.as".<br />4. Copy and paste the following code to the class<br /><br />package<br />{<br /> import mx.utils.StringUtil;<br /> <br /> public class FlexUtilFlash<br /> {<br /> public function FlexUtilFlash()<br /> {<br /> new StringUtil();<br /> }<br /><br /> }<br />}<br /><br />In the above class all what am doing is instantiating StringUtil class and include it into my SWC that am going to use in Flash.<br /><br />5. Save.<br /><br />Note : FlexUtilFlash.swc file automatically created and saved in the bin directory of the project file after saving the FlexUtilFlash.as file as below :<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixJXYKpkXbIGfcp4GlZf8PqMdr-HiAo6w0GQ6lrf7XeevkzZxltzjBMAlHo-7gfskgPI9VsElKkVHs7wdvdxsp-ZxjK9e6SRg5t6z0obQm4d-mhZR9F-UALiBG6byTGkdMdiMoyl6vbVQ/s1600-h/SWC.gif"><img style="cursor:pointer; cursor:hand;width: 192px; height: 68px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixJXYKpkXbIGfcp4GlZf8PqMdr-HiAo6w0GQ6lrf7XeevkzZxltzjBMAlHo-7gfskgPI9VsElKkVHs7wdvdxsp-ZxjK9e6SRg5t6z0obQm4d-mhZR9F-UALiBG6byTGkdMdiMoyl6vbVQ/s320/SWC.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5306143774687940754" /></a><br /><br /><br />6. Launch Flash CS4 Professional.<br />7. Choose File > New > Flash File (ActionScript 3.0).<br />8. Choose File > Save and name the file FlashFlexUtil.fla. The location of the saved Flash file is unimportant, so you can save it in any folder you like.<br />9. Choose File > Publish Settings to access the Publish Settings dialog box.<br />10. Click the Flash tab to see the Flash Player and ActionScript settings.<br />11. Click the Settings button next to the ActionScript drop-down menu.<br />12. Click the Library Path tab.<br />13. Click the red SWC icon and browse to select the SWC file named FlexUtilFlash.swc that was generated by Flex in Step 5. After you select the FlexUtilFlash.swc file, the path to the file is added to the Library path window as below :<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQP0meWVQM2wF1eId_8sEHEoxU8C8Y2LmDM98-B60P3oiy5Gtd8Z3za7D4CJ4Pr64oK6yHxo1YT8k6zu_MJ3lP_NmWW4460hFQvwfWLarCbfeBMBLSL6dPGv4Q0tnexuYEiqwW8LtCP_k/s1600-h/libraryPath.gif"><img style="cursor:pointer; cursor:hand;width: 320px; height: 255px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQP0meWVQM2wF1eId_8sEHEoxU8C8Y2LmDM98-B60P3oiy5Gtd8Z3za7D4CJ4Pr64oK6yHxo1YT8k6zu_MJ3lP_NmWW4460hFQvwfWLarCbfeBMBLSL6dPGv4Q0tnexuYEiqwW8LtCP_k/s320/libraryPath.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5306143617574153410" /></a><br /><br /><br />14. Open the Actions panel by choosing Window > Actions. Since the FlashFlexUtil.fla file contains only one layer, Frame 1 of Layer 1 is automatically selected. Copy and paste the following code into the Script window to instantiate an object of FlashFlexUtil:<br /><br />import mx.utils.StringUtil;<br />var str:String = " This is Awesome!!!";<br />trace(str);<br />var sttTrim:String = StringUtil.trim(str);<br />trace(sttTrim);<br />15.Test Movie and you should see the result should be as below :<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjquHVrjXQYfR4X2XbfklF6yzcJdova8ity3yIMVKF595NMRwsbmV2lbkE5Bzvj5wHD-XUJUfLq3kTYjAlgpGakg5yQSSCVrJ_YsM63lMpq27YMUkzGWfjqe7Mwa5FIQvSLf4OzozA9ofU/s1600-h/outputPanel.gif"><img style="cursor:pointer; cursor:hand;width: 320px; height: 59px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjquHVrjXQYfR4X2XbfklF6yzcJdova8ity3yIMVKF595NMRwsbmV2lbkE5Bzvj5wHD-XUJUfLq3kTYjAlgpGakg5yQSSCVrJ_YsM63lMpq27YMUkzGWfjqe7Mwa5FIQvSLf4OzozA9ofU/s320/outputPanel.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5306145686624397074" /></a><br /><br /><br />As you see above, adding the SWC allow you to use all the StringUtil class methods and properties in Flash.Unknownnoreply@blogger.com20