Rotate Effect and Non Embedded Fonts in Flex 4

September 25th, 2008 by Greg Jastrab

One big improvement in Flash Player 10 is that fonts no longer need to be embedded in order to rotate text or alter it’s alpha. Below is a simple example demonstrating both of these features by using the Rotate and Fade effects in Flex 4.

Check out how simple the code is below!

TestRotate.mxml

<?xml version="1.0" encoding="utf-8"?>
<Application xmlns="http://ns.adobe.com/mxml/2009">
 
    <Declarations>
        <Rotate id="r" target="{btn}" angleTo="360" />
        <Fade id="a" target="{btnAlpha}"
              alphaFrom="1" alphaTo="0" duration="3000" />
    </Declarations>
 
    <VGroup horizontalCenter="0" verticalCenter="0">
        <Button id="btn" click="r.play()" label="Rotate This" />
        <Button id="btnAlpha" click="a.play()" label="Fade This" />
    </VGroup>
 
</Application>

Some changes to Gumbo since I’ve last posted:

Non visual items must go in a Declarations block (see MXML 2009 spec)
There are now HGroup and VGroup convenience classes so you can save some typing by not specifying the layout property

I hope everyone’s enjoying their Gumbo!

This entry was posted on Thursday, September 25th, 2008 at 10:10 pm by Greg Jastrab. Greg Jastrab joined SmartLogic Solutions in June 2006. He is now the Technical Project Manager and oversees all Flash/Flex/AIR development. Follow @gjastrab on twitter

Tags: effects, Flex 4, Gumbo, text

This post is filed under Flex 4, Greg Jastrab, Gumbo. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

3 Responses to “Rotate Effect and Non Embedded Fonts in Flex 4”

horidream’s blog » Blog Archive » Flash Player 10??????????????? says:

September 27, 2008 at 12:07 am

[...] Player 10?????????????????????????????http://blog.smartlogicsolutions.com/2008/09/25/rotate-effect-and-non-embedded-fonts-in-flex-4/http://d.hatena.ne.jp/nitoyon/20080927/p1 « [...]
Jose Luis Perez says:

October 27, 2008 at 11:03 pm

Hi. I’m trying this example with flash 10 and the last flex 4 release and rotation works as in flex 3 (text dissapears). Can you check this? Any suggestions?
Greg Jastrab says:

October 28, 2008 at 12:36 am

Hm, I recompiled and go the same result. It did work for the fade, but disappeared in the rotate.

The APIs and text engine SWCs have changed recently, so maybe it will come back in or I need to specify a new attribute. Note this isn’t rotating around the center by default anymore either.

SmartLogic Solutions Blog