Question

I want to rotate an image continuously on page load. Code works fine for 1 rotation on page load but to achieve the same effect continuously I have included the .play() statement in an infinite while loop as shown below. But it causes the page to hang and nothing shows up.

while (i == 1)
{
    if (rotEff.isPlaying != true)
    {
        rotEff.play();
    }
}

Any pointers on how to achieve this effect would be of great help

Answer 1

Try setting the repeatCount property of your Effect object to 0 so that it repeats indefinitely:

<fx:Declarations>
    <s:Rotate id="rotate" target="{image}" angleBy="360" duration="1000" repeatCount="0" autoCenterTransform="true"></s:Rotate>
</fx:Declarations>

[UPDATE]

In response to sandy’s comment:

thanks taurayi…setting repeatCount solved the issue..However there
is a little bit of transition lag from one complete 360 round to
another round..is it feasible to get rid of that also..?

Set the easer property to null like so:

<fx:Declarations>
    <s:Rotate id="rotate" target="{image}" angleBy="360" duration="1000" repeatCount="0" autoCenterTransform="true" easer="{null}"></s:Rotate>
</fx:Declarations>