Edge Animate CC :: Starting Animation From JavaScript
Dec 10, 2013
I just made my first edge animate project and made a progress loader animation. Works well.When i placed the code in the site the animation was always on, so i've hidden the item in css
#Stage { display:none; }
When my animation is needed i'm making is visible however the animation has already been started in the background so wont begin the right place. I'm wondering should i stop the stage autoplay in the config and then start the animation in JS? If so how can i go about starting the animation via JS.
I've been playing around with AdobeEdge.bootstrapCallback but cant seem to get it to play.
View 2 Replies
ADVERTISEMENT
Jul 14, 2013
How do I make my animation play when someone scrolls down where the animation is located?
View 30 Replies
View Related
Jan 9, 2013
I have come across about a dozen similar discussions, but most have presented solutions that worked in earlier versions of Edge and no longer work.
I am trying to use Edge to build animations that can then be integrated into larger non-Edge projects. I would like to then be able to control the Edge timeline or Edge symbols from elements OUTSIDE of Edge, such as another link or button in the page.
I cannot seem to figure out how to properly reference the Edge stage or symbols.
I have come across several proposed solutions for referencing Edge stage, such as:
var comp = AdobeEdge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = $.Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
and these either DO NOTHING or throw errors about either AdobeEdge or Edge or comp being undefined.
View 7 Replies
View Related
Mar 11, 2013
i've been trying to get this going for a week now and I am still unable to access the Edge Animate instane through Javascript.
Here is the error I always get Uncaught TypeError: Object #has no method 'getComposition'
And my code
<!DOCTYPE html>
<html>
<head>
[Code]....
It's weird that the documentation recommends using the following which wouldnt run at all: Edge.getComposition( compId )
View 1 Replies
View Related
May 15, 2013
I think I've found a bug via Adobe Edge.
If you have a symbol that has some labels as such
then you add that symbol to stage and have the following code in document.compositionReady
var mySymbolObject = sym.getSymbol("HoverExample");
var targetElement = mySymbolObject.$("backing");
targetElement.css({"background-color":"#111111"});
where mySymbolObject is the symbol on the stage, backing is a rectangle div and the color is different than the original color in the symbol then you add the following code for hitbox (rectangle div that is alpha 0) under Hitbox.mouseover
sym.stop("over");
the end result is that the css from the project, in this case the red background color, gets reapplied on mouseover despite me changing the color on startup.
View 7 Replies
View Related
Feb 18, 2013
I have the following code and seem to have no success.
comp.getStage().$('LabelName').css('color', '#FFFFFF');
View 2 Replies
View Related
Jul 12, 2013
Is it possible to target adobe edge build from an external Javascript file? For instance, I click a button outside of the edge animate project and javascript tells Edge animate to "play()". What would that syntax be?
View 1 Replies
View Related
Mar 11, 2013
I'm trying to create all kinds of functions on an external .js file, so I can just call them in Edge multiple times with less coding. The thing is, after importing jQuery and my external Javascript file, some code works, but I get stuck at this part: changing the .css property of a symbol, more specifically, the "font-size" property. My current function is:
function setFont(textid,fontsize,originalWinWidth){ //textid: symbol's name; fontsize: current font size of this symbol; originalWinWidth: window size at the start of the animation
console.log("Set Font:");
//set the original font size
var originalFontSize = Math.round(originalWinWidth/fontsize);
console.log("Original Font Size: " + originalFontSize);
console.log("Text ID: " + textid);
//set the font size using jquery
sym.$(textid).css("font-size", originalFontSize); }
I get an error at the last line, all other parts of the code works.
View 2 Replies
View Related
Jul 13, 2013
How to publish/ include my Edge animation which has an audio element (included via the buzz javascript library) to Wordpress. Thus far Ive been uploading Edge animations as .OAM's using Edge Suite plugin for Wordpress. However, when I upload the file, there is no audio so Im at a loss on this one.
View 1 Replies
View Related
May 24, 2013
I have managed to make a flake in Edge to flash randomly after following a tutorial on lynda.com
My javascript knowledge is fairly limited but I used the following code on a trigger inside the flake symbol I made:
var randomFrame = Math.floor(Math.random()*5000);
var maxWidth = $('#Stage').width();
var randomX = Math.floor(Math.random()*maxWidth);
var randomY = Math.floor(Math.random()*300);
sym.play(randomFrame);
var myName = sym.getSymbolElement();
$(myName).css({'position':'absolute','top':randomY+'px','left':randomX +'px'});
This all works as a randomly appearing flake which doesn't look like snowfall. How to make the symbol float down from the top of the stage and repeated lots of times to look like snowfall?
View 1 Replies
View Related
Apr 17, 2014
How do I add animation to Muse? I wish to bring a png file into an existing background.
View 1 Replies
View Related
Oct 20, 2013
I create a child symbol on the stage animate it and store the varible in the window
var infoscreen = sym.createChildSymbol("_01", "stage");
window.infoscreen = infoscreen;
I put a Btn_inside the symbol and want to delete it. But first - I want to fade out the symbol. I dont know how to do this. So the animation has to be complete before delete, but how?
infoscreen.getSymbolElement()
.animate
([code]....
View 4 Replies
View Related
Apr 14, 2013
Is there a way to speed up animation? For example I have 5 sec animation. I want to play it normally (5sec) and play it reverse for 2 sec.
View 5 Replies
View Related
May 8, 2013
I am using the rollover and rollout features to get a slide up and down kind of button panel. However when I rollover each of the three section (it's divided into three panes) it gets really twitchy and won't do the roll up and down smoothly are do it at all. URL....
View 1 Replies
View Related
Dec 11, 2012
I have this button that, when clicked, opens a new URL - window.open("http://www.xxxxxx.xxx", "_self"); - after playing a 1000 ms animation. The problem is that it changes to the new URL too soon, before completing the 1000 ms. I tried a setTimeout, and it worked great, but it's not so elegant as it depends on the user's computer/net speed...
View 18 Replies
View Related
Oct 27, 2013
I created a simple banner with a couple of basic animations. I never even touched any code. Only basic images are used, no triggers, no symbols.If I preview within Animate, everything works fine.
As soon as I hit ctrl+enter to preview in my browser, everything just stays blank. I checked in multiple browsers, all have the same result with no errors in console.Autoplay is turned on.
View 3 Replies
View Related
Sep 28, 2012
I am a graphic designer and I work on w7 64.I find the latest version of Edge Animate.I saw several tutorials, amongst those showing how to make a loop on an animation. I proceed as explained in the preview on my browser (Chrome), the animation runs, but no loops.In fact, I tried other interactions and other triggers : nothing of these works there!
View 5 Replies
View Related
Nov 18, 2013
I need to create a mask that will hide the elements as they rotate out of a free-floating window. I have an animation currently that sits in a circular window and plays when the page loads. The screen shot below is from the page in Muse with the .oam file playing. The images are PNGs with transparent backgrounds so the animation plays over the background images.
What I'm trying to add is an iris effect I've animated in Edge Animate. I haven't been able to hide the edges of the vanes in the iris during animation. I've tried to cut and paste code that I've found on this forum and others but I don't know much about coding and I haven't had any success. This screenshot is shortly after the animation starts to play as the vanes rotate out of the window:
Basically, I need to mask the iris animation to keep the images from showing outside the circular frame. I've found that the clipping tool in Edge only does square or rectangular masks. I have a PNG that I can use as a mask but the coding has really got me flummoxed. The mask:
View 5 Replies
View Related
Jul 30, 2013
I created an animation for a landingpage on my website(built with wix.com).
My problem is, that wix.com has got no folder-organisation or upload-function and my Edge animation has *.html, *jscript and *.jpeg/*.png files.
In a Wix.com-forum, I've found a response, that said, that I should use external storage-websites for my files.I did so and put these files in my dropbox/public folder, copied the open links in the *.html file like this:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Ani1</title>
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8"
[code]....
But, when I copy the code into my wix-page-html-app (for not-wix-user: a small field to insert html-code),nothing happens...
View 2 Replies
View Related
Jun 19, 2013
i created an animation for my index page of an already existing website. i tried to "publish settings" but app would not allow me to publish to my directory however it did allow me to "publish". when i uploaded the files to my server, only the splash image came up but the rest of the animation did not run. what am i doing wrong?
View 4 Replies
View Related
Jan 9, 2014
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?
View 3 Replies
View Related
Aug 18, 2013
i have a little problem with my animation. If I want to see the animation without SSL it works. With SSL it doesent works and I dont know why?
My CC ist the newest and I tryed everything but the animation is not displayed on https://
View 2 Replies
View Related
Oct 30, 2013
when I import a project .oam in InDesign, and over the project, into a higher level, there is text, the text is covered from the animation when it run in folio.
View 1 Replies
View Related
Dec 14, 2013
I created an animation and am having an extremely difficult time figuring out how I can display it on my Joomla website. I am using a Yootheme template and have spent countless hours trying to get this to work.
View 2 Replies
View Related
Jan 30, 2013
How to submit an animation project to a remote co-worker, or to a client?
View 2 Replies
View Related
Feb 27, 2014
have made draggable and droppable objects in my project. Everything is working great but also i have made a button Restart. The function of restatrt is that by pushing on this button everything goes on its places. Like reloading the page (but of course without reloading) How can i do this? Because i cannot do anything honestly.
View 6 Replies
View Related
Jul 19, 2013
I am trying to get an animation to auto play, and loop only a particular part of the animation.
For example, the first part of the animation is my logo dropping in and bouncing. Then certain parts of the logo are animated continually, but I cannot figure out how to do this without just creating a huge timeline?
View 5 Replies
View Related
Feb 25, 2014
how use animation loop without trigger?
I tried to do mouseover
var my_time = sym.getSymbol("mySymbolInstanceName").getPosition();
if ( my_time == 0) {
sym.getSymbol("symbolName").play();
}
loop not work.
View 1 Replies
View Related
Jul 8, 2013
I load an edge animation file into an iframe at my home page. How can i access the iframe when i clicked a button inside the edge animation file.
View 1 Replies
View Related
Feb 21, 2014
I am trying to do so my animation stage is align center. The problem is that the width of my animation is 1900px and I want to align center and overflow-x:hidden.
View 8 Replies
View Related
Dec 14, 2013
I am an ePub Producer. I want to find out if it is possible to export purely CSS Animation code from Edge Animate, in order to use in an Apple Fixed Layout ePub.
View 3 Replies
View Related
