Edge Animate CC :: Play One Symbol And Hide All Others?
Feb 26, 2013
I'm building an animated menu in the latest version of Adobe Animate. There are 5 different animations that happen within the same box on the main stage. I have made each animation it's own symbol. I want to trigger the animations from text boxes to the left of the box where the main animation takes place. The text boxes are not apart of any of the symbols, but are just on the main stage.
When someone scrolls over any of the individual text boxes i need to play one symbol's timeline AND hide all of the other symbols from the stage.
All- I have a symbol on the main stage called "Con-main" that has a symbol inside of it called "VID-PLAY". I have a symbol inside of "VID-PLAY" called "RC-VID"
I'm trying to hide this symbol on creationComplete within VID-Play
sym.getComposition().getSymbol("CON-MAIN").getSymbol("VID-PLAY").$("RC -VID").hide(); //DOESN'T WORK
sym.getComposition().getStage().getSymbol("CON-MAIN").getSymbol("VID-P LAY").$("RC-VID").hide(); //DOES NOT WORK
In my Composition there some cases I have to play one symbol. In a few cases it is necessary two play sequential e.g. symbol A an then symbol B. It have to look like one animation. Is there an easy way of calling?
I saw a post on this issue but was not sure where to put the code I read there. how exactly to edit this code line to work
I am inside a symbol "oneAnimation". At the end of the animation "backBtn1" appears. Inside this button, I have added an event on click. I want the stage timeline to play from the label "startNumber" when this button inside the symbol is clicked.
So far it's not jumping back to the main time line.
I'm doing an animation where I have a 2d side scrolling concept.
I have a side scrolling world with road, and the user controls a car driving left or right from one area to the other. The user controls the direction of the car via keydown (arrow keys).
Now the problem is, if the user presses right, then it works fine and the car drives forward to where I want it to stop. But if the user presses left to go back to a previously visited area...the car reverses to the previous area.
The way the keydown events control the timeline is simply if the user presses the right arrow key I simply call sym.play(); and when the user presses the left arrow key I call sym.playReverse();
how I can manage to either swap the car symbol with another symbol...or flip the car symbol 180 degrees.
The desired effect is, if I call the play action the car must face right > and when I can the playReverse action the car must face left <
Ive created a box, turned it into a symbol called box,Inside box i have a left to right animation with auto play turned off.I then went back to the main stage, clicked the box, added action, on click to play, yet it does nothing.How do i Play the symbols timeline?
Is there a way to "eval" or dynamically set a symbol name that has been parsed from XML to build a symbol path? For example, I'm trying to dynamically set a variable to the path of a sysmbol already on the stage, but it's not working correctly:
var xmlSymName = $('symName', this).text(); // where symName = "sym4" from a parsed XML node var whatPOI = sym.getComposition().getStage().getSymbol("sym1").getSymbol("sym2").getSymbol("sym3").getSymbol(xmlSymName).getSymbolElement();
Basically I have a lot of points on a map and I'd like to be able to name the points along with other data like tooltip callouts, etc populated via XML then loop through the XML to build the points of interest on the map. If I can get the above working I can place that variable path reference into an array and grab the data from it later. But the path is not working the way I have it.
The scenario is this, I have a symbol(TitlePage) on my main timeline. Inside the symbol(TitlePage) there is a play button. How can i set a click event on this symbol that access the main timeline(stage) labels?
play "SYMBOL_2" - "DIV_ANIMATION_1" - "ANIMATION_1_START" from within "SYMBOL1" - "DIV_PLAY" with the mouseup command
URL....I know that i can sym.getComposition().getStage().getSymbol("div_animation_1").play(); from within "div_play" but how do i access a point on the timeline and play from there...
I've created an Edge animation (marquee) banner for a site I'm working on, but when I check it on older computers (for example XP running IE7), all I see is a large white rectangle where the marquee is supposed to be. A
I have a symbol，some timaline and labels in it.so now I want to play reverse between the Label A and Lable B but the action syntax is like
test1_play.playReverse();
so how can I play reverse rom LableB to LableA?
sym.playReverse ( position, executeTriggers )
position defaults to the current playhead position (which defaults to 0); If play is issued and the playhead is at the end of the timeline, play from the end.executeTriggers can be true, false, or null and indicates whether triggers at the starting position are fired:true - all triggers at the starting position are fired.false - no triggers are fired at the start point.null, undefined or omitted - triggers are fired at the starting position only if the timeline is being played for the first time, or if the starting position is different than the current playhead position as returned by getPosition().Description: Play the default timeline in reverse from the given position given in milliseconds (if position is a number) or as a label (if position is a string).
So my animation is a song and I'm doing like a video clip with interactivity (the interactivity is not inside at the moment).I need to have a play button so we can see (heard) on iPhone, iPad...
My problem is that the animation begin immediately behind the play button and before I press it.So the song and the animation are not synchronize.I try many things to stop the animation but nothing is working.
I have and element and what I'm trying to do when I click on this element, it starts to play reverse the timeline for 1 sec and after that it continues to playing the timeline from an other point.
I am creating a slide show and I added a stop and click to play action so it is interactive so the user must click to go to the next slide. The stop is working but the click an day is not when I preview in the browser?
I created an Edge Animate document and it has text animations where the text fades in and out. Now it works fine in IE and Chrome but not FireFox. All the text displays all at once in a jumbled mess.
I have uploaded an edge animate cc published html with sound. The html file opens perfectly on my mac pro safari browser perfectly with audio. But when I open the same file on my iphone5 the file opens but no the audio does not play.
I have an animation that runs for around 2 minutes. I want to add a button that the user can click to pause/play this animation if they want extra time to read the content on screen. I'm not sure how to tell a button to pause at the current frame and resume when clicked by the user. The button will also need to change states from a pause image to a play image when clicked and vice-versa.
I have an animation in Edge, and I'm trying to make a button that can play the timeline for a specified amount of time and then stop, without the aid of labels. So, I figured if i set the button to sym.getSymbol("mysymbol").play(500); it would make the timeline of that symbol play for 500 milliseconds each time the button is clicked, but it is not working, as this makes the whole thing simply start playing at 500ms. So I then tried adding a stop action after this:
But this didn't work, because I guess since these events are one after the other, it doesn't wait 500 seconds to stop, and it reads stop(500) immediately after the play instruction, so that didn't work either. I'm pretty new to javascript, but I've been really trying to learn it along with the Edge API for a couple weeks now and still can't seem to solve this problem.
I have created an animation with Adobe Edge. My site uses Concrete5 and I am pulling in the Edge content into an IFRAME on my home page. I want the animation to play from the start when someone first visits the site, but if during their browser session they navigate back to the home page, I want the animation to only play a shorter segment of frames near the end.
My question is, how do I use cookies to acheive this? I'm new to javascript/jquery.
I've included the following code on compositionReady, (found in another post on this forum) but don't have a clue how to continue...
// insert code to be run when the composition is fully loaded here yepnope( { nope:[ '/js/jquery.cookie.js' ], complete: init } ); function init() { //create your cookie's initial values here } My temp site is here -[URL]
On revisting the homepage, I only want to play from when the green button drops in.
Ive made my entire web page its work great in Mozilla firefox broswer. Although when I view the page in Internet Explorer the sound and music dont play. heres a link to my page.
http:[url].....
heres the link to download the Edge files of my project.
function myFunc(name) { var $symbol = sym.$(name); //I want to do something with $symbol depending on their id, for example //$item.appendTo($symbol); //so $item will append to the corresponding symbol }
[Code]...
I tried .attr('id') and it seems not the id I want.
EDIT: indeed I want to get the selector inside myFunc
I've created a new video player for my client who has bounced the job as the subs are overlaid by the controls of the video - he still wants the full screen option but does not want to see the controls once you play the video.
