Edge Animate CC :: Play Reverse And Continue From A Point
Jan 15, 2014
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 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).
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 <
I have created an animation where the objects move left to right.Is there a simple way of 'flipping' the timeline so that the animation effectively plays in reverse, rather than redoing the animation altogether?
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'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'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.
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 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 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.
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
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.
I'm trying to embed a video into my project and although the initial setup was simple, getting it to play in all browsers is proving to be very difficult. I've read more articles and forum threads than I care to recall, but just can't seem to find the right combination. Safari wil play audio only and IE10 gives me "Error: Unsupported video type or invalid file path".
I've contacted my host provider to ensure that the server is compatible with all video formatts and I've had other people from different locations try to play the video with slightly varied results, but ultimately the video doesn't play for them either. Here is the code I'm using:
I started with this code that I picked up from an online tutorial:
var vid = sym.$("Holder"); vid.html('<video width= "838" height="609" src = "video/tester.mp4" poster = "video/DFC5.jpg" type = "video/mp4" controls ="controls" </video>');
I eventually moved to this in order to attempt to accommodate multiple video formats/browsers:
I have imported an OAM file into the first page of an app I am making in InDesign. The OAM looks correct on load but once the animation begins it gets really big and all I see is a tiny portion of the animation.
I have other text and graphics on that page I was wondering if that could be the cause.
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?
I am trying to find out if it is possible to start/load the animation based on a specific point in its timeline? The animation I am creating is a parallax animation based on mouse position and I am trying to load it in the middle of the animation and based on the users mouse position will play forward or backwards from that point.
I'm working on a project that requires some interaction controlling video. I've used the piece of code from this thread [URL] and it works like a charm. But I'm looking at option of using youTube video for the same interaction.
So on creationComplete, I've added,
var vid = sym.$("holder"); vid.html('<iframe width="640" height="360" id="video1" src="//www.youtube.com/embed/o2l_zZOpSxk" frameborder="0" allowfullscreen="0" controls="controls"></iframe>');
1. crolling like where you have buttons for example or press on a navigation bar tab, then it goes to that specific pace of the page, for a one page website, for example some sites you press on contacts and gose down to the bottom of the page where the contacts place is located, not opening a new link.
2.Second, navigation bar, where it fallows the scroll as it gose down, like for example when it is html the object is fixed to the top, and when you scroll down it will fallow it it,
3.I need Parallex scrolling where you can have the timeline or animations run while you scroll in the meantime and have animation running all the time, for example the infographic site where the bees are fluying but still have seperate animations while you scroll
4.I would also like to ask if like looping each animations sperately, not looping the whole timeline, can it be possible to loop an animation while you have all the interactivity witht he site like looping seperately all the time, without interfeering with all the other animation
5.I also are wondering if you can create multiple pages on one animate project, like multiple pages with html
I just moved on to edge animate from html, and html was also beirf learn for me and mostly i was doing design work, and i thought getting out of graphic river and moving on the theme forest.
I want also all the five things to work on one aimate project.