Question

I’m trying to create an animation with an rectangle.
I want the rectangle to move in a loop from x=150 to x=50 and back to 150 and so on.

At the moment I can only move the rectangle forward and it stops after it moved 100px.

Any ideas how to create the loop ?

This is what I have come up with. not much Iknow.

<s:Move id="moves" 
target="{rect2}"
xBy="-150"
duration="1000"
easer="{sineEasing}"/>

Answer 1

Try with something like this:

<mx:Sequence id="seq" repeatCount="0">
    <s:Move
        target="{rect}"
        xBy="150"
        duration="1000"
        easer="{sineEasing}"/>
    <s:Move
        target="{rect}"
        xBy="-150"
        duration="1000"
        easer="{sineEasing}"/>
</mx:Sequence>

As you can see the main idea here is using Sequence effect to force two Move animations to execute in a row and then looping this Sequence effect by setting its repeatCount property to 0.