Edge Animate CC :: Set A Variable On The Main Timeline From Within A Symbol?
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
ADVERTISEMENT
Apr 10, 2013
The scenario is this, I have a symbol(TitlePage) on my main timeline. Inside the symbol(TitlePage) there is a play button. How can i set a click event on this symbol that access the main timeline(stage) labels?
View 6 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
Jul 17, 2013
In trying to learn Edge, is there a way to return playback (play from) once an animation is complete within a symbol?
For instance, I have the main timeline that shows a symbol animation on creationcomplete, but when the animation is finished in the symbol and I hide the symbol, the main timeline is no longer playing. What would I need to do to return playback control to resume playback of the main timeline? I have a label I would like to play from on the main timeline, but I have not found a way to call the main timeline from within the symbol.
View 3 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
Mar 17, 2014
I have the following
STAGE
SYMBOL_1
DIV_PLAY
MOUSEUP(COMMAND)
DIV_STOP
MOUSEUP (COMMAND)
[Code]...
I would like to do the following:
play "SYMBOL_2" - "DIV_ANIMATION_1" - "ANIMATION_1_START" from within "SYMBOL1" - "DIV_PLAY" with the mouseup command
URL....I know that i can sym.getComposition().getStage().getSymbol("div_animation_1").play(); from within "div_play" but how do i access a point on the timeline and play from there...
View 1 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
Mar 5, 2014
1. I have my timline. There is a button. I have made a symbol. This symbol should not be visible at the start. If I click the button it should make the symbol visible and start it.
So... What is the code I should give my button? Should the sybol be on the timeline? Should it be turned off or should I just turn off autoplay?
What I have so far is:
The symbol is in the timeline. It is set "on" and I can make it play with:
sym.getSymbol("mySymbol").play(0);
So far so good. My problem now is that the symbol should be over my button. So it is not possible to press it. So logically the symbol should be turned "off" (then I can click the button under it) and when I click the button the symbol should turn on and then play. So actually what is the code to turn it "on"?
2. I have a button in a symbol. Can this button controll the main timeline. It should for example got to frame Number 30 on the main timeline. Is that possible? What is the code I have to give the button?
I tried so many stuff and it wont work. I am new to edge and java script etc.
View 6 Replies
View Related
Apr 18, 2013
I have two buttons
btnA on the main stage
btnB is nested inside btnA
How do I access a frame lable on the main stage from btnB
View 6 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
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
Mar 20, 2013
Is there a way to "eval" or dynamically set a symbol name that has been parsed from XML to build a symbol path? For example, I'm trying to dynamically set a variable to the path of a sysmbol already on the stage, but it's not working correctly:
var xmlSymName = $('symName', this).text(); // where symName = "sym4" from a parsed XML node
var whatPOI = sym.getComposition().getStage().getSymbol("sym1").getSymbol("sym2").getSymbol("sym3").getSymbol(xmlSymName).getSymbolElement();
Basically I have a lot of points on a map and I'd like to be able to name the points along with other data like tooltip callouts, etc populated via XML then loop through the XML to build the points of interest on the map. If I can get the above working I can place that variable path reference into an array and grab the data from it later. But the path is not working the way I have it.
View 1 Replies
View Related
Apr 25, 2013
Can I call a symbol from the symbol panel and place it on the stage?
View 2 Replies
View Related
Apr 7, 2013
how I can save the value of a variable in a database? I need to keep the # of times you press click animation. to know how many times it has been seen.I connect to msql database, using php, javascript, ajax and jquery, but not how to save the variable counter clicks from adobe edge Animate.so I can connect to the database from adobe edge animate.
View 3 Replies
View Related
Feb 21, 2013
I've tried the following: resVel = window.document.getElementById("txtVel").value;
this normally works in javascript, but crashes when using that line in the actions for a trigger.
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
Mar 27, 2013
What is the syntax for retrieving the name of the symbol that has been clicked on?
$sym.symbolName
$sym.name
$sym.getAttribute("name");
e.target.name
e.target.symbolName
I can get e.target.id fine, but it's a mixture of Edge generated identifiers and my symbol name.
View 11 Replies
View Related
Dec 17, 2012
I have some codes like this:
function myFunc(name) {
var $symbol = sym.$(name);
//I want to do something with $symbol depending on their id, for example
//$item.appendTo($symbol);
//so $item will append to the corresponding symbol
}
[Code]...
I tried .attr('id') and it seems not the id I want.
EDIT: indeed I want to get the selector inside myFunc
View 9 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
Nov 26, 2013
In my Composition there some cases I have to play one symbol. In a few cases it is necessary two play sequential e.g. symbol A an then symbol B. It have to look like one animation. Is there an easy way of calling?
View 19 Replies
View Related
Jun 14, 2013
I start with several items on the stage, each an iteration of the same symbol. When I click on one, it performs an opening animation, then pauses. When I click on another, the first symbol un-pauses on its timeline, animating back to original position, while the second one I clicked plays its opening animation till its pause. Each of the symbols can tell the already deployed symbol to "play itself off."I'm sure this was done in Flash all the time, and there's a Javascript solution.
View 3 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 3, 2014
I want to loop a code / function .. let's say 100 times and each time one parameter or variable is counted up.I found "for"-loops and some with a counter.. but I coudn't get it to work in Edge Animate.Here is a fragment of the code I want to loop ->
$.get("URL...+Num, {}, function(ask, code) {
switch(ask) {
case '9':
sym.$("leaf"+Num).show();
var leaf = sym.$("leaf"+Num); // How can I count the setting variable? "var leaf+Num = ... " doesn't work I guess..
[code]....
View 3 Replies
View Related
Aug 8, 2013
How to create two instances of the same symbol and change the texts and images inside the instances to have different texts (so I mean different from the other instance)?
Somehow, instead of using dynamic creation by using code, I can't manage this. Everytime I change a text inside A (instance of symbol1), the text of B (instance of the same symbol1) is also changed. The same with images. I can't figure out what I'm doing wrong here. I can't imagine symbols are always reference types, 'cause what's the meaning of having symbols then?
View 7 Replies
View Related
Jan 7, 2014
I have a symbol called "A." I needed 2 copies of it, so I duplicated A and renamed the new symbol to B. I now have A and B, identical copies of each other.
I navigated inside symbol A where I entered another symbol, "A1." Inside A > A1, I removed an image and added another image. No problem so far.
Then, I returned to the stage and navigated into symbol B > B1. To my surprise, the same image change I made in A > A1 already appeared in B > B1 (even though I duplicated A **before** making this change).
When I change the image inside B > B1, that same change is now present back in A > A1.
It's as if these two symbols, A and B, are mirrors of each other, even after being modified. Trouble is, I don't want mirrors. I need them to be slightly different.
I thought the Duplicate step might be my problem. I started over (both by undoing several steps and by closing and creating a new document entirely). This time, I copied A and pasted it onto the stage. I ran into the same problems.
Ok, next guess: this time, I entered symbol A and copied its elements/sub-symbols. I went back to the stage and pasted them there. Selected these elements/symbols and converted to a new symbol. Same problem!
View 2 Replies
View Related
Apr 2, 2014
how to apply CSS all elements of a symbol?
For example, I want to put a border around every image in a certain symbol.
View 1 Replies
View Related
