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 RepliesI 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 RelatedI 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
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...
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.
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).
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.
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
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>');
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")
}
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 RelatedSay 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");
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();"
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 RelatedI 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 Relatedi am working on a slide show with photos, each show is marked with a title (slide1, slide 2...etc) i know how to simpy click on each photo and have it go to the next slide but i am having an issue with a button thet says (next).
View 4 Replies View RelatedUPDATE: 3-18
I am working on my first DPS project for iPad(s). I had a lot of flash experience in the past and I really like the workflow of Edge Animate. I have created an OAM and placed it in Indesign in it's own (cover - page 1) folio. I planned to just place an InDesign Hyperlink button on top of the OAM inside of the InDesign document and publish it. When I download and open the file on the iPad using the Adobe Content Viewer, the button for the web url does not appear (doesn't work on the local viewer either).
Is it not possible to place other overlay items on top of Edge Animate files? Do I need to include the button in the Edge Animate OAM?
I also saw on another post where having trouble with a white FLASH using the autoplay... I am having that too, but I also see a rough-jaggy version of the poster image for a split second between the loading stage and the main stage during INITIAL playback.
I am using this code:
var vid=sym.$("Holder");vid.html('<video width="444" height="250" src="video/video4.mp4" type="video/mp4" controls ="controls" autoplay ="autoplay" muted ="muted"</video>');
to bring a video in. What I want to do is turn the controls on and have mute button on the stage that will mute and unmute the video.
I'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 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
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?
I'd like to create a function which triggers one of three functions randomly.
View 5 Replies View RelatedI'm new to Edge, Javascript and HTML5 (coming from Director/Flash/After Effects background) I'm wondering if there's a way to target a nested symbol from a button. I would like to make a simple Pause/Play toggle button that stops a nested symbol is it's playing and plays it if is stopped. In software's I'm familitar with, this can be done with a simple target path and if/else conditional statement, but I can't find any examples that don't seem much more complicated.
View 15 Replies View RelatedSo 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.
Is it possible to create following: pop-up window is appeared on click tha button?
View 3 Replies View Relatedi create a button, when you clik it with this command:
sym.play("myLabel");
you go in the stage timeline to the label called "mylabel" ...all ok
but if i save my button as symbol when i press it, it don't go to the label on the stage called "mylabel"
What i need to write if i whan that my button inside anoter simbol work?
I have made a pause and a play button to my slideshow.The pause button is just a boks with the click-action code:
sym.$('btn').click(function(){
sym.stop();
});
The pause button is a boks with the click-action code:
sym.$('btnPlay').click(function(){
var timelinePos = sym.getPosition();
sym.play(timelinePos);
});
It works but in the beginning, I have to click twice before the function works. It is only the first time. After that everything works fine.
i created an animation inside symbol.i created a button outside the symbol. the animation only works when the button click?
View 4 Replies View RelatedIt does not respond to mouseover movements.
You can see what I try to do on this URL: [URL]
Fore each button I have e.g. client_button and client_button_over
For the over button I do have for mouseout and touchend :
// insert code to be run when the mouse is moved off the object
// Hide an Element.
// (sym.$("name") resolves an Edge Animate element name to a DOM
[Code].....
But it does not show any change at all when I move the cursor.
modifiy, for example, scale and position of that element calling it from a button
View 1 Replies View Related