Symbol animation restrictions

In connection with another question I asked earlier which I've been trying to solve whilst waiting for help, I've found another 2 possibly related problems:
I have a symbol, which I animate from 0% scale up to about 110% and then back to 100%.
this makes a nice little growing animation.
I've noticed two major issues:
1: I can't seem to scale any of my symbols down to 0% scale via the Transform panel. Depending on the original size of the symbol on the stage, I can sometime only scale it down 1% or sometimes even only 10% minimum. this results in tiny visable dots where I need there to be nothing.
2: If I animate the above growing animation (whilst ignoring problem 1) on a symbol that has not been rotated everything is ok but if the symbol has been rotated, then the resulting growing animation has a small but sharp position change just after the second of three keyframe. I never changed any position whilst setting the keyframes so why would this happen??
If anyone can help I would be most grateful
Thanks
Graz

Nothing like looking at the file.
Ok, my bad, it 's... sym.getSymbol("sam").play(); and not just sym.play();. Also you could change the cursor for your "Group" div to pointer.
Here's the final file.

Similar Messages

Synchronise symbol animation using Edge Commons

Hi All,
I've been trying to animate a PNG sequence that I created with After Effects and Fireworks using the Edge Commons parallax snippet. I'm also trying to make this responsive. I have a vague understanding of the code used so I put together a few other bits and pieces of code I found on these forums.
The effect I'd like to obtain is to scroll down and synch the animation of the symbols with the scrollbar. Ideally I'd also like to reverse the animation when scrolling down and pull in other symbols but I'm not even sure that this can be done using inline code or actually creating the reversed animation within the symbol.
I've been trying hard in the past few days but this is where I got so far ;(
https://www.dropbox.com/s/fr6ygqs16jq11fu/wedding_invite.zip
Sorry the file is pretty heavy but the png sequences aren't optimised yet.
Thanks

Hi Eric ,
There might be many ways to do the play and play reverse using click operation as described by you but this is what I think could be done .
We can set a variable in our compositionReady function   sym.setVariable("count", 0);
Then in the click handler of the symbol we can write the following code
var x = sym.getVariable("count");
var mySymbolObject = sym.getSymbol("Symbol_1");
//Now check if you have clicked once then play otherwise play reverse .
if(x%2 == 0)
          mySymbolObject.play();
else
          mySymbolObject.playReverse();
x++;
// Set the value of a Symbol variable
sym.setVariable("count",x);
Please refer the attached composition . Hope it helps
Thanks
Saurav

How to trigger an event after symbol animation completes?

Hello,
I have been trying to figure this out without success.
On the stage I have a button and a hidden symbol. The symbol has an animation within itself.
When I click the button, the symbol becomes visible and plays the animation. Its all good so far.
This is what I am trying to accomplish:
I want to be able to click the now visible symbol, the animation within itself plays in reverse and then it hides itself.
How do I make it hide itself after the animation plays in reverse?
==================================================================================
BUTTON CODE (This works for me):
sym.$("AnimationOne").show();
var AnimOne = sym.getSymbol("AnimationOne");
AnimOne.play(0);
SYMBOL CODE (This needs to hide after animation ends):
var AnimOne = sym.getSymbol("AnimationOne");
AnimOne.playReverse();
sym.$("AnimationOne").hide(); // If I add this, it just hides itself without animating in reverse
==================================================================================
Thank you in advance for any help/suggestions.

simple work around:
place a label on your symbol and turn visibility ON
Then on compostion ready stop your symbol on that label
var s = sym.getSymbol("shape");
s.stop("startAni");
On your click event play the symbol from the label.
var s = sym.getSymbol("shape");
s.play("startAni");
Then on your playReverse it will go all the way to 0 where visibility is OFF.
sample here:
https://www.box.com/s/m6zm1lt49bl74iwpva9l

How to play a symbol animation from another Edge.html file

All-
So I have two Edge files
home.html
level1.html
I'd like an animation to play in home.html once a button is clicked inside of level1.html
How would I pass the click event to the loaded page?
Thx,
`Z

In AS2 you can use loadmovie to load a .swf into another .swf.
http://www.adobe.com/support/flash/action_scripts/actionscript_dictionary/actionscript_dic tionary423.html
In AS3, something like this:
http://www.kirupa.com/forum/showthread.php?t=269964
Best wishes,
Adninjastrator

How can I play an animation in reverse only if the symbol that contains the animation is visible? if the symbol is not visible have the trigger no longer target that symbol?

Hi
I have a button the does two functions at the same time. it plays a symbol's animation in reverse (in order to hide it) and it slides an element. the symbols animation is triggered by another button (which is not relevant) . So my problem is that if the animation has been triggered first than when the button is pushed the animation plays in reverse, the symbol hides and everything is fine, but if a push the button before that the animation will flash in reverse. SO how can I tell it to only play in reverse when the symbol's animation has run. I know it's an if / else statement but i have no idea how to do it.
thx

Here is a case close to your issue:
if ( sym.getSymbol("Symbol1").$("Text").is(":visible") ) { sym.getSymbol("Symbol1").playReverse(); }
else { sym.getSymbol("Symbol1").play(); }
Demo files ==> isVisible.zip - Box

Animation symbol keeps looping

I am not sure if i am doing this even the way but here is what i did
i created 3 animation symbols from scratch meaning (edit--insert--symbol--animation)
i called them animi1, animi2, animi3
each of them has graphic symbols within them
animi1 has 53 frames
animi2 has 46 frames
animi3 has 17 frames
animi4 has 55 frames
now i went back to the main canvas where i had 1 frame and added animi1 from my library.. it automatically added the frames (53)
now i went to frame 43 and added animi2 from my libraryand it asked me to add frames and i said yes
etc.. for animi3 and animi4
my problem is i want when animi1 finishes it stops at its last frame (no looping) when i try to set it to no looping (on editing the symbol) is accepts it but when i press done and go back and edit it again to make sure it automatically sets it back to forever loop
same thing to animi2 and animi3 and animi4
Am i doing something wrong?? please help.
layth

That's a lot of frames!
It would be more helpful if you could share the file, but one quick question: Are you previewing the animation in a browser? Does the looping occur there?
OK that was two questions.
I do not believe you can set independent looping scenarios for different animations when they are combined as one single animation. The main animation used in this new file should be what controls the entire animation.
Jim Babbage

How to add a symbol to the beginning of a project?

I have a pretty intricate Animate composition. I want to add a simple Symbol/Animation at the beginning. I've tried inserting time and it did nothing. Basically, I just want to shift everything over a couple of frames. I thought of turning the balance of the composition into a symbol, but a lot of the interactivity is based on Labels on the stage's main timeline, and it breaks when I try to convert to a symbol. I'm not sure what I'm missing here? Any help would be truly appreciated!
Thanks!
Jon

Hiya Res,
I will definitely give it another shot. I tried that, but I think I might've given up too easily . I'll let you know how it works out.
Thanks!

How do I return playback to the main stage timeline from a symbol?

In trying to learn Edge, is there a way to return playback (play from) once an animation is complete within a symbol?
For instance, I have the main timeline that shows a symbol animation on creationcomplete, but when the animation is finished in the symbol and I hide the symbol, the main timeline is no longer playing. What would I need to do to return playback control to resume playback of the main timeline? I have a label I would like to play from on the main timeline, but I have not found a way to call the main timeline from within the symbol.
This was something common in Flash.
Thanks for your help!

Hi escargo,
Say we use two symbols object1 and object2.
The main timeline has an interpolation on object2 from label “mainAnim“. Its autoplay property is set to false : the playhead stops at 0 ms.
A third symbol nested contains the interpolation on object1. Its autoplay property is set to true, so it plays directly.
At the end of this transition, there is a trigger (pseudo-track just below the timeline)
sym = the current symbol nested
sym.getComposition().getStage() = the main timeline (in Edge the stage is a symbol)
sym.getComposition().getStage().play(‘mainAnim’); = play the main timeline from the given label.
You can download the example here : https://app.box.com/s/6svvskydh952dfxbr3xb
Gil
PS : threads with examples for neigboring problems
http://forums.adobe.com/message/5410456#5410456
http://forums.adobe.com/message/5192205#5192205

Symbols are disappearing in Preview and Publish

I'm completely new to Edge so user error is not unlikely, but I have a small animation with 11 small circles that animate opacity and Y pos. The circles are all symbols and are being controlled (play/stop) from the main timeline. When I preview, half of them do not show up. The symbols that don't appear are consistent from preview to preview. I've looked at the Elements in the browser and they are there, they just aren't animating.
So I thought I would just recreate the "bad" symbols and their animations, but they are still not animating in my preview. When I play the timeline in Edge Animate evrything is fine.
I've tried it in Chrome, Safari and Firefox (all latest releases) with the same result.
Is there a symbol bug in Edge?
Is there a method of creating symbols that I should be using (other than draw, cmd-Y and edit symbol timeline)?
Any ideas, because I am out of them.

Thanks for the good advice, Darrell.
I've posted a zip of my .an file with the fonts and images here. Any insight is appreciated.
http://dev.bigheadservices.com/edge-symbol-animation-issue.zip

Can't copy paste opacity animation

All-
I am unable to copy paste opacity animations in Edge while inside the symbol.
I can copy paste other animations like x y while in the symbol but not opacity
The work around is to redo the animation at the point where needed
Am i missing something?

Hi there,
takehigoproject wrote:
Please tell us how copy paste symbol animations to different timeline or other symbol?
Edit > Paste Special > Paste All.
hth,
Joe

Animation problems in Adobe Flash CS3 for windows.

I'm trying to save some .gif animations, but when I save them, they don't show the movie symbols animating, just the tweens in the main scene. Can someone help? I'll post an example. In 7-21-09 2 it is supposed to flailing it's arms around while moving back and forth. Instead it just moves back and forth. In Cute Porygon, it doesn't move at all because there is no tween in the main scene, yet I have different frames of it moving in a movie clip symbol. can someone help?

I'm pretty sure you have to have all your animation present on the main timeline and not in movieclip objects.

How do I change the speed of my animation?

I have animated a sphere and the speed is too fast. Having trouble manipulating the speed.
Thanks.

Since you mention playback, I assume you are referring to a Symbol animation - CORRECT.
Double-click on that particular symbol instance to enter Symbol Edit Mode. Then on the timeline, you should see some 'transition' markers - like I have captured.
Simply select the end of the transition marker and drag it to a new timeline position.
Darrell

From one symbol to another....

Hi There..
Can i control one symbol from another symbol via Get Symbol?
So far i have not been succesful.
If one hold a button and anoher hold a light that has a on and off animation..
How would the button action look?
Thanks
//Poul

Paul-
I've been working on this myself with a lot of help here!
I think I know what you are trying to do:
Create a symbol that has the on and off animation. At the end of the animation add a "stop" (<command T or control T in windows?). and click on stop.
At the beginning of the symbol animation, add a label (command L) and give it a name, like "in" without the quotes.
In the main timeline, add your symbol to the stage by clicking it in the library and dragging to where you want it to play. Add a trigger and chose "stop" in the timeline.
Now chose an action (click) by clicking on hte {} symbol to the left of the animation in the timeline, chose "+" then chose "click". Then add the following line:
sym.getSymbol("the name of your symbol you used in the timeline").play("in");
That should do it :-)
ps - This is the same as chosing "GetSymbol" and adding the ".play (labelname"); at the end...
James

Import flash animation into edge animate

Hi,
I need to import a flash vector cartoon style animation into edge animate, do you know how can I do it?
Kind regards,
eugenxi

Hi eugenxi,
You can use the Export Png Sequence feature included with Flash CS6 to export a series of pngs from your symbol animation (tut by Tom Green):
http://layersmagazine.com/png-sequence-from-flash-cs6.html
Then import the pngs to Fireworks, and use John Dunning's plugin to export a symbol directly to Edge Animate:
http://johndunning.com/fireworks/about/EdgeAnimate

Animation Stops Briefly

Hi. On rollOver a button it tells an MC to play. This MC has
a sound on a layer. However on(rollOver) the button it takes a
while to play the MC with sound when it should be immediate. Why
does this happen and how can it be fixed?

I'm having this problem too and couldn't find a solution yet... Using an animated symbol with a video, syncronised together in my project. When I change browser's tab, video continues to play but symbol animation stops and it continues to play only when I switch back to edge tab. So there is no more sync. between two elements... and this is realy boring. Any ideas with this?? Please help, thanks.

Symbol animation restrictions

Similar Messages

Maybe you are looking for