Edge Animate CC :: Absolute URL From A Subordinate File To Land At Label Within Timeline
Nov 21, 2013
Is it possible to assign an absolute URL from a subordinate file to land at a label within timeline of an Edge file.
I am creating a site which is too large for one file and it would be better for the subordinate files to access the master. With Flash I have usually achieved this by having one shell file which loads and unloads files according to the buttons clicked.
To minimise the number of html (an) files I organise the site as follows:
Home page - contains "courses", "about", "contact"
the subordinate files such as info, links, treatments, acupuncture, remedial massage etc etc need to have linke to "contact" say which is within the Home page timeline.Here is the example I am working on and you may see the problem of scale involved: URL....
The first four buttons come in one file while all the rest are separate files which at present can only link back to home page.
View 1 Replies
ADVERTISEMENT
Aug 27, 2013
how can I call a label placed outside of a symbol's timeline in edge animate? I made a droppable symbol and now I need an action (for a button... making click) to return to the principal stage to a specific label.
View 3 Replies
View Related
Aug 14, 2013
I want to link from an html page button to within a point (label) on the timeline. What code would I need to put on the button?
View 4 Replies
View Related
Jun 5, 2013
I have 1 Next button that is used on the timeline. Each position has a pause then a play so there is only 1 button. I need to get the label info so I know where I am so I can save the location of the timeline that the user was at if they exited before they finished the process.
View 6 Replies
View Related
Apr 3, 2014
If I have a symbol with its own timeline, I am familiar with targeting it with otehr elements and symbols and activating that timeline. But the symbol will also have a presence on the stage timeline - how does one play that?
I might be overcomplicating it, I thought it might just be play() on the main stage but that doesn't appear to work, neither does getStage.play() so I am doing something wrong somewhere
View 2 Replies
View Related
Jan 7, 2013
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?
View 1 Replies
View Related
Feb 2, 2013
I´m using Edge for couple of days and start to work with and I love it. Now I´m trying to build a slide animation, so the content moves from right to left and vice versa.The controller goes with buttons.
I'm not very good with JS, but for now I got it to move the content from left to right. Now what I want is, to stop the timeline if a certain label is reached.
This is my code for the buttons if click:
var myLabelLocation = sym.getLabelPosition("");
if (sym.getPosition() < 2000) {
sym.play(myLabelLocation);
}
if (sym.getPosition() > 2000) {
sym.playReverse(myLabelLocation);
}
I like to say if the playhead reached 2000ms oder the label "team", than stop!
View 4 Replies
View Related
Mar 6, 2014
whats the best way to make scollbar timeline?
so when im scrolline to the right or left side , the timeline follows!
id tried some different way ,but i dont think its good.
1 way was. on my stage in scroll:
var animationWidth = 5000;
var stageWidth = sym.$("Stage").width();
var scrollPos = sym.$("Stage").scrollLeft();
var duration = sym.getDuration();
var percent = scrollPos / (animationWidth-stageWidth);
var time = duration * percent;
// Update timeline
sym.stop(time);
it works but is giving me double scroolbar and the second scrollbar is scrolling out of the "stage"!
2- way i tried was:
// insert code for scroll event here
var myCalc = e.currentTarget.scrollLeft/(e.currentTarget.scrollWidth-e.currentTarg et.clientWidth);
var pos = Math.round( myCalc * sym.getDuration() );
sym.stop(pos);
[Code]...
also working but same result as last.
View 1 Replies
View Related
Oct 22, 2013
I need to activate a timeline event on a symbol with a button press on another object, then when the button is pressed again, reverse the timeline event. This will have something sliding in and out of the stage.
If the animation is placed right at 0.00 and there's nothing else, then this code works OK:
if (sym.getPosition() == 0)
{
sym.play();
}
else
{
sym.playReverse();
}
However there is other animation that plays automatically on page load, then a trigger stops all animation. The animation I need to trigger is a couple of seconds later bracketed by labels 'start' and 'stop'. So I need to code the button A to get the symbol B and animate from 'start' to 'stop' and then wait. Then on a further press to animate from 'stop' to 'start'. But I'm damned if I can get anything to work.
View 4 Replies
View Related
May 22, 2013
I have made a 9-second animation but, somewhere along the line, the timeline has acquired another 15 seconds of blank space. Is there any way to cut the timeline back to the 9-second mark?
View 1 Replies
View Related
May 22, 2013
Why when I put a new image (or symbol) in the stage, always appears at the beginning of the timeline? And how can I move it?
View 1 Replies
View Related
Feb 8, 2013
I use edge animate in adobe dps. I searched to control the timeline with touch (or scroll) in the forum. Even some solutions were discussed, i didnt find the perfect one. It could open so many possibilities like slideshows, parallax, diagonal textscroll etc.
I would like to build a wide animation and control the timeline by scrup/swipe with my finger.
I found something which works, but it seems the directions doesnt work in adobe edge animate anymore.
which doesnt work in the latest edge.
[URL]
View 36 Replies
View Related
Jan 30, 2013
I am working on a timeline of out company's work through the past 20 years. I have the base mechanics down by making a "rough layout".
http:[url]......
Going back and forth between "years" (noted as large 1,2,3,4 text blocks) is fine by using the arrows at the bottom.
My problem is that I'd like to be able to jump to any year from any year. So I added the numbers buttons to go to the marker for that year. Here's the script I'm using to do that (in this case I'm going to the label "two"):
sym.play();
// stop the timeline at the given position (ms or label)
sym.stop('two');
The problem is that I want it to play the timeline to the number I've selected. So if I'm on "4" and click on "1" I want it to scroll through 3 and 2 to get to one.
View 1 Replies
View Related
Mar 13, 2014
I have a composition which has two pieces of VO. Each has an associated text block.I want to play the first VO when the first text is clicked. Then, when the VO ends, I want the first text block to fade out, the second to fade in and play the second VO when tapped.
I have the timeline set up with labels to play through the transitions at the end of the first VO. No issues there.I have the audio playing when I click on the text blocks. All good.However, I do not know how to make the timeline wait for the audio clip to end before playing.This is the code for the first text block:
sym.$("RUP01_Nar_1")[0].play();
sym.play('Nar2');
This plays the audio but also plays the timeline instantly (so the text blocks fade from one to the other as soon as the audio starts).
I figure I need some sort of code in between which says, essentially, 'wait until the audio finishes then [play timeline]'. But as much i have searched I cannot find anything to do that.
View 3 Replies
View Related
Apr 17, 2014
I believe there is a shortcut key for rolling up the members of a div on the timeline (kind of like you would use folders in Flash, and exactly the way it happens in the edge elements panel.) I need less layers on my timeline to cut down on the scrolling and hunting for specific layers. My coworker accidently hid hers while randomly keysmashing and we can not reproduce it. Since it's a keyboard shortcut--there's probably another way to make it happen but I can't find it. How to toggle between the hide/reveal of elements in a div on the timeline?
View 5 Replies
View Related
May 21, 2012
I am currently playing around with Edge. I'm a designer, not a coder, however I do understand some basic jquery coding, and know html/css, etc. I'm currently looking for a way to have the timeline move a keyframe, as the user moves their scrollbar. There seems to be a lot of canvas scrolling animations being used on the web at the moment, and is definitely a neat effect that is going to catch on - two really neat examples of this are: URLs...
As you can see, when the user scrolls forwards (by click and drag, on Tron -- and on their browser scrollbar, for the ie site), the content moves, animates and reacts. Scrolling back has the same effect, playing the animations backwards.
What I'm wondering is if there's a way of creating a similar effect using Edge? Ideally, you could create the full animation in the timeline, and then as the user scrolls forwards or backwards, it moves the timeline scrub forward a keyframe, therefore creating the effect of animation.
The only thing I found thats close to this is here: URL....However this is an old article using an older version of Edge, and so doesn't seem to work - but shows that it can't be that difficult to do surely!?
View 16 Replies
View Related
Jul 5, 2013
i have recently moved from adobe flash professional to adobe edge animate. But things seem to be more complicated on edge.
I have 2 buttons, "next" and "previous", and they have their own actions to make the timeline plays to a specific point. But I cant reuse the same symbols changing only the code like I used to do on flash.
Ive already looked the whole web, but there are few edge tutorials. How to change the code from the SAME symbol in different parts from the timeline? I dont want to have to create new "next" and "previous" buttons everytime I need to change the code to go to the next page of my project.,
View 11 Replies
View Related
Aug 26, 2013
i need to control the timeline animation with the mouse wheel.i've tried this code but I've could only make it work with mouse move, unfortunatly the scroll does not work -
composition ready:
this.onMove=function(posX, posY){
timelinecontrol = Number(posX)*30;
console.log(timelinecontrol);
sym.stop(timelinecontrol);
[code]...
View 1 Replies
View Related
Aug 30, 2013
if it's possible to control a html5 video in Edge ?For example, I added a html5 video with the video tag and I want the video to play and stop after 20 seconds. Then, plays some animation on my edge timeline. I suppose the video must be controlled with Javascript ?
View 4 Replies
View Related
Nov 8, 2013
How to make a scrubber/slider to control the Animate timeline.
View a live sample: [URL] .......
I just optimized some stuff and wrapped a blog post around it .
View 2 Replies
View Related
Aug 22, 2013
I'm trying to recreate an audio/visual feature that was built in photoshop/indesign (with hundreds of individal frames, that took hours to complete) in Edge. I've started it and gotten about half way, but I've run into a roadblock and can't figure a way around it.
I need the animation to start onclick with a play button that switches to a pause button. This single button needs both play and pause functions associated with it, and the background image has to change accordingly. I've got the animation to go as far as play onclick, and pause, but I can't figure out how to get it to play again after the initial pause.
I'll need to add in an audio track to go over the whole thing, that will also play/pause. The entire thing has to be timed to the audio track. I have never done much javascript.
View 2 Replies
View Related
Jun 27, 2013
My timeline looks just fine, and when I was originally working with the file, the publish went well. Now, the preview/publish are shifting elements causing a mess of a presentation and I cannot figure out why.
Here is a screen shot of the timeline:
View 2 Replies
View Related
Oct 13, 2013
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.
sym.getComposition().getStage().play("startNumber");
View 5 Replies
View Related
May 12, 2013
Just getting started with Animate and coming to it from Flash, as may be apparent from my question. How do you set a variable to the main timeline from within a symbol?
I have 24 pairs of clickable elements, each in their own symbols, and all 24 of those symbols sit inside another symbol. I want all 24 to be able to set the same global variable when clicked. I can't find that this question is addressed anywhere, which makes me think I may be stuck in a Flash mindset and approaching the task in the wrong way. (There are however MANY discussions of how to address objects at different levels in the hierarchy. That's well covered.)
Relatedly, how do you access a function on the main timeline from within a symbol?
Adobe should consider putting together a support page (or pages) just for folks migrating form Flash. In the materials I've encountered so far there seems to be a studied effort to refrain from mentioning Flash in any way. I imagine there are a lot of people out there like me who have a deep background in Flash coding, but are just getting started with Animate.
View 6 Replies
View Related
Aug 12, 2013
What is the maximum number of elements I can have in the timeline? I believe I have about 92 elements now and when trying to add another element it shows up at the top of the elements panel, but isn't showing up at all in the timeline?
I have tried converting some elements to symbols or grouping elements but still the new element I've added to the stage is not showing up in the timeline. I am not EVEN done adding more elements.
View 11 Replies
View Related
Dec 5, 2013
I'm new to edge animate but have a Flash background and I'm working in Edge Animate on a game which is structured in several scenes. Each scene I did put in a symbol. Now I wonder how to build the main timeline or the "story - controller" so to speak. I have all the scenes but I do not know how to connect them.
In Flash it was possible to add keyframes of scenes one after another (like stairs) and jump forward or backward if needed to load the movie clips. In Edge Animate all scenes (or symbols) are in place from the beginning of the timeline and I cannot move the symbol to a later keyframe. Of course I can move animations in the timeline. The only way I think is to hide the symbols first and make them visible if needed. But this does not seem to be the right way and I don't understand the concept of structuring complex animations yet.
I would like to know how to structure several scenes in Edge Animate properly. Something like a scene loader or unloader would be useful.
View 3 Replies
View Related
Feb 13, 2013
I'm from a Flash background, used to putting code in frames along a timeline.And I've adopted much the same approach with Edge Animate putting code on the stage at trigger points..My first question is how does putting code in stage.compositionReady differ from putting code in a stage trigger at time 0.00 (or 0.05)?
How does a responsive/reactive design, and the Edge timeline work together?I've seen how you can lock a logo to top RHS corner. But what if you want a different smaller version of logofor when screen width is smartphone size.Will an Animate project with a timeline which includes animations and interactivity work in Reflow?
View 3 Replies
View Related
Feb 27, 2014
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:
sym.getSymbol("mysymbol").play();
sym.getSymbol("mysymbol").stop(500);
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.
View 14 Replies
View Related
Feb 16, 2014
How to lose timeline backwards with increased speed?
View 1 Replies
View Related
Sep 29, 2013
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.
View 2 Replies
View Related
May 22, 2013
I'm trying to use the default timeline's current time inside an if-statement's validation code (the code itself being inside a symbol), but I can't seem to find a way to reference the default timeline's current time.
My code would be something along the lines of this:
(upon clicking the buttton)
if (default timeline > 1 second and default timeline < 6 seconds)
{
play default timeline at 6 seconds
}
else if (default timeline > 6 seconds and < 11 seconds)
{
play default timeline at 11 seconds
}
etc...
View 2 Replies
View Related
