Edge Animate CC :: How To Create A Delay Function In A Trigger
Jul 2, 2013
I have a problem, i need create a function delay in the timeline with a trigger.
I want that my animation play every 3 seconds until the next sym.stop and then play again after 3 seconds.
Ej. I have 3 triggers in the timeline:
sym.stop(1000)
sym.stop(2000)
sym.stop(3000)
My idea is make a delay in all the triggers, like this:
sym.stop(1000)
delay.play (2000)
sym.play
sym.stop(2000)
delay.play (2000)
sym.play
sym.stop(3000)
delay.play (2000)
sym.play
Cause I dont know how to elaborate a function in jquery
View 5 Replies
ADVERTISEMENT
Aug 26, 2013
I have made several Adobe Edge Animate projects and have inserted a stop trigger for the "home" arrival after animation intro. I just created a new project and can't get the stop trigger function to work. When I preview it plays through the entire timeline. I've tried several different combinations of triggers - sym.play from () at the beggining of the timeline and then adding a sym.stop at () and no matter what, it plays through the entire timeline.
View 3 Replies
View Related
Aug 5, 2013
How do I use a button being clicked to trigger a function within CompositionReady? My overall aim is an On/Off button, the 'OnOffStatus' of which can be used to determine other factors within the program.
View 3 Replies
View Related
Jul 26, 2013
I'd like to create a function which triggers one of three functions randomly.
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
Jan 22, 2014
I have created a symbol that is a horizontal banner consisting of six paragraphs of text P1 thru P6. Each paragraph is no more than 300 px wide.
I then created six trigger symbols and placed them beneath a 300 x 300 vieweing window on the stage.
When the stage opens, paragraph 1 (P1) is viewable in the window. If the user clicks a trigger, I want the banner to scroll left or right, from its current position, to display the corresponding paragraph.
Example : P1 is showing in the viewing window. The user clicks trigger #4. The banner scrolls right and eases P4 into view in the window. The user then clicks trigger #2. The banner then scrolls left and eases P2 into viewing position in the window.
My old (very old) Flash training tells me I need to set a numeric value into a variable when each trigger is clicked and then use that value and concatenate it with label text to tell the play head to play from the proper postion (play ("Para1")), (play ("Para2")), etc. where Para# is the label on the timeline.
I feel like I'm close to getting this to work, but after a number of hours of trying I've concluded that over time I've either forgotten a key step or there's some easier way to do this in Edge Animate. (I'm very new to CC and EA).
View 3 Replies
View Related
Jan 5, 2013
I need to have a symbol with it's own timeline play at the end of each slide in a slideshow. I have the animation for the slideshow but when it comes to the first symbol, all the symbols load instead of just the one needed for the slide. I have tried setting "play from" but that seems to refer to the symbol timeline not the stage timeline. All symbols are set to "hide" upon click.
The real problem comes when playing in reverse. The symbol plays first with "hide" feature but does not continue the reverse animation from the stage since the "hide" feature stops the action.
View 3 Replies
View Related
Oct 15, 2013
wondering if there is a way to pause inside a loop. I am away that jQuery has a delay() function but i can't seem to get it to work.
was thinking something like:
blob = "This is a test of the emergency broadcast system";
for (i=0; i<blob.length; i++)
{
sym.$("Text").delay(300).html(blob[i]);
}
View 1 Replies
View Related
Oct 30, 2013
how to write a delay properly. I can't find the right code. I want to playReverse an element, have a delay, then hide that element and show another. You see the code is like:
sym.getSymbol("Animation").playReverse()
sym.getSymbol("Animation").hide()
sym.getSymbol("nextElement").show()
Only issue is that I can't get the playReverse() to work because it all gets executed at th same time. I need a delay somewhere, but I dont know, my head is not seeing it right now,
View 10 Replies
View Related
Mar 11, 2013
I have an animation with 5 different parts. I would like to trigger a random part when clicking on a button.
In order to do that I put labels on all parts (play1,...,play5). Then I put a code on the button on the click event :
var RandomNb=Math.floor(Math.random()*5)
if(RandomNb=1){sym.play("play1");}
It is just a simple test but it does not work : the animation play1 is always played no matter the value of RandomNb. I obviously make something wrong but I don't know what...
View 2 Replies
View Related
Nov 12, 2012
On the stage I have a button and a hidden symbol. The symbol has an animation within itself.When I click the button, the symbol becomes visible and plays the animation. Its all good so far.I want to be able to click the now visible symbol, the animation within itself plays in reverse and then it hides itself. How do I make it hide itself after the animation plays in reverse?
BUTTON CODE (This works for me):
sym.$("AnimationOne").show();
var AnimOne = sym.getSymbol("AnimationOne");
[code]...
If I add this, it just hides itself without animating in reverse
View 6 Replies
View Related
Apr 7, 2014
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>');
View 7 Replies
View Related
Aug 13, 2013
I am setting this function in my compositionready and I want to call it from different places. That works fine but I also want to run myFunction() when the program launches.
sym.getComposition().getStage().myFunction();
sym.myFunction = function()
{
alert("function called")
}
View 3 Replies
View Related
Dec 13, 2012
I have a webpage, where is my edge stage and a function in the script braces. How to call that function from edge api?
View 1 Replies
View Related
Jan 8, 2013
Say you need a slightly more sophisticated animation and used a CreateJS from Flash.I've placed the CreateJS in a container, and I've been able to communicate from CreateJS to Edge symbol with no problem:
/* js
this.onClick = function () {
var comp = $.Edge.getComposition("EDGE-25177479");
var stage = comp.getStage();
stage.getSymbol("logo").play("playLogo");
}
But how do it the other way, and create a function from within Edge to call upon the CreateJS canvas ("myCanvas")?I want to call a "gotoAndPlay("start");" label on the main timeline of the canvas element. My syntax is completely wrong:
//on click
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
stage.gotoAndPlay("start");
View 2 Replies
View Related
Feb 26, 2014
I need to add a clickTag type function to a banner I made so that it can be tracked. I read the thread on clickTag() and it tried swapping clickTag() with EB.clickthrough(). but that didnt work.
The media company has us put this code on a click through layer in the flash banners I've been making
EB.clickthrough();
how do I get this to work? The publisher gave me this code that ive added to the index file but the part where it says "onclick" I think needs to happen in edge?
<script type="text/javascript">
function initEB(){
if (!EB.isInitialized()){[code]....
how in edge to tell it to do this "onclick="javascript:handleUserActionButtonClick();"
View 4 Replies
View Related
Dec 13, 2012
I have created an animation and I would like clicking on a button (javascript) that is within the outer body, start the animation.
View 1 Replies
View Related
Mar 30, 2013
I need to make two animtions function from one action. So it should look something like plsy.("transition1") then go and play .("transtion2"). All under the same action I want when I press one button from my wb page for it to play two animations the first to take a rectangle like element off screen and the second to bring a new fro the side on the screen all this with the press of one button.
View 23 Replies
View Related
Jun 24, 2013
I have a symbol on the stage: symbol1.Inside symbol1 I have an image: symbol1_image1...I have another symbol on the stage: symbol2 Inside symbol2 I have an image: symbol2_image2
in composition.ready I have an action on the mouseout for symbol1:
var theTarget = sym.getComposition().getStage().getSymbol('symbol2').$('symbol2_image2');
sym.getComposition().getStage().doMouseoutGS(theTarget);
In composition.ready i have the following function defined
sym.doMouseout = function (colorTile){
sym.$(colorTile.show());
}
I cannot get this to work and I am not understanding why.If I do an alert on the mouseout function for alert($(colorTile).attr("id")); I get the correct referenc to the element I want to show but it does not actually happen
View 6 Replies
View Related
Apr 5, 2013
Very, very new to Edge Animate.
I want to know if I can access elements in the parent document from the Function I attach to the Stage or other element within my animation.i.e. the equivalent of window.parent.document.getElementById
I notice that the function automatically passes 'sym' which I'm guessing is the animation document reference so can I get to sym.parent?
View 3 Replies
View Related
Mar 26, 2014
This is a tricky one, but it may just be that I don't understand the syntax,
Situation:I have an Edge Animate composition that is acting as an interface and container into which other content is embedded using an iFrame. I have several functions in Stage > creationComplete, and for one of the embedded content pieces, I want to include a button that calls one of the Edge functions.
Challenge: I have read about referencing elements within Edge when it is the Edge file that is embedded on an HTML page, but I cannot figure out how to reference Edge in the reverse.
I have tried these options where headerselect(page) is my function:
AdobeEdge.getComposition("EDGE-531849691").getStage().headerSelect("co mmunity");
window.top.Edge.getComposition("EDGE-531849691").getStage().headerSele ct("community");
View 3 Replies
View Related
Jul 24, 2013
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.
View 9 Replies
View Related
Dec 22, 2012
How do you create a responsive and fluid carousel, vertical or horizontal for a menu which includes multiple items. the carousle can be dragged via mouse or touch. when the item is clickes, then it will launch a URL or plau a timeline.
View 3 Replies
View Related
Feb 25, 2014
Today I came across with a visualization library named as processing.js. As far as i learn, to use this library we have to create a tag like "<canvas id= "processing-canvas"> </canvas>".Now, i wonder that; how can i create this element in Adobe Edge? I'm sure its possible, but how to do a little demo with processing.js in Adobe Edge.
View 1 Replies
View Related
May 22, 2013
I have a project and I want to create tabs to contain different contents based on categories.
View 3 Replies
View Related
Feb 11, 2013
I've been trying to create an interactive bar graph. The idea is that if a user clicks on a button, a bar graph will animate up onto the stage. I would like to code it so that if the user clicks on that same button again, the bar graph will animate down off the stage. So far all I've been able to find is that this is possible with mouse over and mouse out; but I'm wondering if it's possible to use clicks instead.
View 6 Replies
View Related
Dec 13, 2012
I can create symbols on the stage using "sym.createChildSymbol" command. But how can I cretare textFields with script?
View 2 Replies
View Related
Dec 20, 2013
not only to Edge Animate but animation in general. Never used Flash either. I want to create a "spinning disk" that I can use on a web page, similar to what's on this company's website.
View 3 Replies
View Related
Sep 19, 2013
i can't get my scroll bar to appear and work, below is my coding for it.
yepnope({nope:[ 'jquery.mCustomScrollbar.css',
'jquery.mCustomScrollbar.js',
'jquery.mousewheel.min.js',
'jquery-ui-1.8.21.custom.min.js',
[code]....
View 1 Replies
View Related
Mar 23, 2013
I'd like to reveal the outline of a speech bubble shape gradually, as in a write-on. Is it possible? I'm new to Edge.
View 2 Replies
View Related
Feb 14, 2013
I have facing some problem in symbol. i;e In a symbol have created three rectangular boxes (rect-1, rect-2 & rect-3)& in main-time line there is three lavel (label 1, label 2 & label 3).
i want to create functionality that is, when i click rect-1 box, i should be play "label 1", when i click rect-2, it should play "label 2" & when i click rect-3 it shuld play "label 3".
Is it possible or not
View 4 Replies
View Related
