9 Replies Latest reply on Jul 5, 2013 10:59 AM by resdesign

Move a symbol with script

Benoit Leray Jul 3, 2013 7:32 AM

Hi everybody.

In order to complete an animation, I would like to avoid to much keyframing, and use javascript to complete this simple action :

move my symbol to 10px from existing x position each 2 second.

I come from the After Effect world, and there is easy script to doing that, but i'm stuck trying to reproduce it with edge.

Did anyone can push me on the way to fix that ?

Many thanks for any solution.

1. Re: Move a symbol with script

resdesign Jul 3, 2013 9:46 AM (in response to Benoit Leray)

If you want the easy way out, here is a pluggin you can use:
http://visionmedia.github.io/move.js/

otherwise I will try to get you the code sometime today.
1 person found this helpful
Like Show 0 Likes(0)

Actions
2. Re: Move a symbol with script

resdesign Jul 3, 2013 10:11 AM (in response to resdesign)

Here is the code:

setInterval(function() {
sym.$('Rectangle').animate({
left: "+=30px",
}, 20 );
}, 2000);
1 person found this helpful
Like Show 0 Likes(0)

Actions
3. Re: Move a symbol with script

Benoit Leray Jul 4, 2013 2:18 AM (in response to resdesign)

Thanks a lot.
do I'm suppose to put this line of code in the code panel at a stage level, or to the symbol level ? Currently it don't work in any of them.
Like Show 0 Likes(0)

Actions
4. Re: Move a symbol with script

resdesign Jul 4, 2013 5:38 AM (in response to Benoit Leray)

I would put it in Stage/composition ready. What do you have exactly? Several symbols on the stage or one symbol with symbols inside. It all depends on th scope of your element.
1 person found this helpful
Like Show 0 Likes(0)

Actions
5. Re: Move a symbol with script

Benoit Leray Jul 4, 2013 6:00 AM (in response to resdesign)

I'm sorry, I don't understand the "ready" concept

It's really basic.
It's just a header for a webpage with a symbol - with a animated gif inside - moving from left to right slowly.
Like Show 0 Likes(0)

Actions
6. Re: Move a symbol with script

resdesign Jul 4, 2013 7:24 AM (in response to Benoit Leray)

The way you access compostion ready is by clicking on the {} left of stage on the right and then choosing composition ready.
Like Show 0 Likes(0)

Actions
7. Re: Move a symbol with script

Benoit Leray Jul 5, 2013 12:26 AM (in response to resdesign)

So many thanks resdesign for your help, it works perfectly !
Following this code, I need to loop the animation process at a certain time, or when my symbol reach a specific x position (980px in these case - arround 2,5 sec) Is it better to put a trigger in the timeline or this is something I can do straight into the code ?
Like Show 0 Likes(0)

Actions
8. Re: Move a symbol with script

resdesign Jul 5, 2013 10:56 AM (in response to Benoit Leray)

You can find the position with getPosition() and use an if state my to stop it.
Like Show 0 Likes(0)

Actions
9. Re: Move a symbol with script

resdesign Jul 5, 2013 10:59 AM (in response to Benoit Leray)

I meant if statement - answering from an iPhone can be funny sometimes!
Like Show 0 Likes(0)

Actions