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:
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)?
uick response as I have to present this work tomorrow. I have been working with the "preview in browser" to view an animation which is a simple matrix of drag and drop. It works perfectly in the preview, but when I publish it either to .oam (bringing it into muse) or directly to html it loses all of its functionality. I am pretty new to this, but I have been using the same methodology for all my other animations and they work fine.
View 11 Replies View RelatedIf 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
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 RelatedI've just started working with Edge Animate and have been building some animated buttons for a website. My problem is that I can't publish what I've created, the 'publish' button is greyed out and I cant use it. I can access the publish settings without any problems.
View 1 Replies View Relatedmy publish button is not pressable so i go to file>publish options once im there i choose a folder on my desktop to export it to but it never shows up... (also i can only press on the "save" button doesnt give me the option to publish.. do you have to save it somewhere special? IM TRYING TO CREAT AN OAM FILE FOR ADOBE MUSE... i can save it to my desktop but then it just apears to be html.. what am i doing wrong????
View 1 Replies View RelatedI´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!
My project will never touch the internet and we aren't allowed to install any webservers or any software.
View 3 Replies View RelatedIs there any way to edit the Edge Animation once you have pressed "publish", To make any changes I have been deleting all the files and starting again with a fresh .html since making changes to the original file and hitting "publish" again seem to have no affect.
View 1 Replies View Relatedwhats 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.
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.
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 RelatedWhy 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 RelatedI 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]
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.
This is part of a larger issue with DPS that necessitates placing a static version of the animation (the poster) into InDesign that shows prior to the animation. Not doing this, there is a white flash when the page first opens and before the animation can get loaded. Unfortunately the poster image from Edge is noticeably lighter than the animation itself.
View 4 Replies View RelatedWhen publishing an Edge composition all of the javascript gets minimised, which is great.
It'd be great if 'compilation' tools like this could be added/removed, either as a software-wide plugin or as a list of processors in the publish settings.
This could be used to do the following sorts of things: Obsfucate codeUse alternative JS minimiserOptimise SVG assets (remove identity transforms, resolve certain 'use' nodes, etc)Compress / Recompress imagery (similar to flash's JPEG publish settings).
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.
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 RelatedI 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!?
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.,
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 Relatedi 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]...
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 RelatedHow 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 .
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.
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");
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.
I created this website for a client and it can be viewed at Uscantravel.com. However being in the SEO phase of the site, the publish for Static HTML to make the website search friendly turns off the animated pop-ups and links that are layered within symbols with additional animations. It works fine when I save the .html file and upload that, but the published file for static alters the website animations when uploaded.
Can I somehow use the copy and paste the Div tags into the workable .html file to make search friendly, or am I missing something?
Is it possible to create an interactive animation in Edge, publish it, import it into Indesign, export it as an Interavtive PDF while maintaining the animation and interactivity?
View 1 Replies View Related
