Edge Animate CC :: How To Create A Symbol On Mouse Click
Mar 4, 2014
I am trying to create an instance of a symbol at the mouse location when i click - anywhere on stage. I think it should be something like the following:
//stage on.click function
// Create an instance element of a symbol as a child of the
// given parent element
//premade code: var mySymbolObject = sym.createChildSymbol("Symbol_1", "ParentElement1");
var mySymbolObject = sym.createChildSymbol("Symbol_1", "Mouse");
This doesn't work of course because the mouse isn't a symbol.
View 11 Replies
ADVERTISEMENT
Dec 16, 2012
I found a really good tutorial here for how to create childsymbols on a mouse click and it works fine - as long as you are doing it on the main stage.
Here is the code:
var circle = sym.createChildSymbol("flower", "Rectangle");
var circleElement = circle.getSymbolElement();
var posX = (e.pageX- ($(circleElement).width()/2)) + "px";
var posY = (e.pageY- ($(circleElement).height()/2)) + "px";
sym.$(circleElement).css({"position":"absolute", "top":posY, "left":posX});
I wanted to create the ChildSymbols on to a premade symbol I have called 'Rectangle'. This works as long as my symbol 'Rectangle' is the same size as the Stage or at least placed at the top left of the screen.
However if I move the symbol 'Rectangle' away from the 0,0 coordinates then the Child symbols appear offset by the distance that 'Rectangle is from the zero point.
How to keep the Child symbols where I want them to be on the Rectangle? I tried calling the childSymbol like this:
var circle = sym.createChildSymbol("flower", "Stage");
And that keeps the symbols where they should be, but for some reason it has a performance lag and also means that you can't click within the bounds of a generated childSymbol.
View 1 Replies
View Related
Feb 28, 2013
I have a crosshair like in a lightgun style game at an arcade. What code would I use to have the symbol follow the mouse, and if at all possible, could the symbol's origin be in the middle of the symbol and not in top left corner of the symbol?
View 15 Replies
View Related
Jan 20, 2013
I'm having a problem with IF ELSE code use with a mouse click. What I want each time a user "clicks" i want to execute a particular block of code, up to 3 clicks, then nothing. I've tried local and global click counter var but can't seem to get past the first "if". This is what I have now (I'm using console.log() to keep track.
In comp ready i create a global var ...
// insert code to be run when the composition is fully loaded heresym.getComposition().getStage().setVariable('clickcnt', 1); //set counter to 1
var i = sym.getComposition().getStage().getVariable('clickcnt');
console.log ("Counter is starting at "+i);
on the stage i create a "click" event..
// insert code for mouse click herevar i = (sym.getComposition().getStage().getVariable('clickcnt'); if (i=1){ console.log("counter is = "+i); //do some code sym.getComposition().getStage().setVariable('clickcnt', 2); //set counter to 2 } else if (i=2){ console.log("counter is = "+i); //do some code sym.getComposition().getStage().setVariable('clickcnt', 3); //set counter to 3 } else if (i=3){ console.log("counter is = "+i); //do some code sym.getComposition().getStage().setVariable('clickcnt', 4); //set counter to 4 taking it out of range sym.play(100); //play the timeline animation } else { //
I'm using this to negate any further clicks. I'm sure there's a proper way to do this. I just don't know it. sym.stop(1000); console.log("end"); };I When I run this It never gets passed the first if, It's like the "clickcnt" var is not getting updated or read properly.
View 5 Replies
View Related
Nov 13, 2013
When I try to add a click event on a symbol, I can't access to the symbol, only to the parent. For example, if on the event click on a specific symbol A I add the code
var symbolElement = sym.getSymbolElement();
symbolElement.hide();
It will hide the parent of A, instead of hiding A. How do I access to A?
View 3 Replies
View Related
Mar 26, 2013
How do I reference `this` when a symbol is clicked? I have a click event on 'alien' on the stage. In the handler, sym appears to be stage and not 'this'.
I want it to play itself (amoung other things) when clicked.
e.target gets me the element, but not the edge symbol so I can play itself.
View 1 Replies
View Related
Dec 18, 2013
Everytime i open Adobe Edge Animate, it takes a good minute or too to stop the spinning ball. Then after every mouse click, it spins for another couple of minutes, and so on. I have tried creating the launchd.conf file with the proxy information, I have uninstalled and installed numerous times. I am working from CC with a Mac Book Pro Retina, 15-inch, Early 2013 OSX 10.8.5. I am having no other issues with any of my other applications and them being responsive.
View 7 Replies
View Related
Dec 5, 2013
I'd like to delete all symbol instances on a click event, the
sym.getSymbol("SymbolDefinitionName").deleteSymbol();
only works on one symbol, and I've tried combining it with both
sym.getComposition().getSymbols("SymbolDefinitionName");
and
sym.getSymbolElement().children();
View 5 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
Jan 28, 2013
Is it possible to create following: pop-up window is appeared on click tha button?
View 3 Replies
View Related
Apr 16, 2013
I created a simple symbol from a circle with a cross inside (two rectangles). The symbol has two states labelled "normal" and "over" in which background colors change : on mousover and mouseout on the circle, sym.stop("over"); and sym.stop("normal"); respectively.
The problem : "over" when the cursor hovers over the circle, but back to "normal" when it hovers over the cross. The API suggests to use mouseenter and mouseleave to avoid child elements of the symbol interrupt the mouse event. I tried it, but the behavior is the same.
Is there any JavaScript solution (I'm a beginner, coming from AS3), or should I bypass with two flattened graphics "normal" and "over" ?
View 2 Replies
View Related
Oct 30, 2013
I followed the tutorial on this page: [URL]. However, my animation auto plays and mousing over has no effect. I have searched and sreached to no understandable (to me) avail. Here's a link to the file: [URL]
View 2 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 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
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
Apr 6, 2013
The Elements window in Edge Animate seems to be unstable. When I right-click in the field to modify an asset, Edge often crashes with the resulting error message:
Edge Animate - Exception An error occurred. Please save your work and restart Edge Animate.
It happens quite frequently (~7/10 right-clicks)
View 4 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
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
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
Jul 17, 2013
I want to create on the symbol an mouse over event that address the same symbol.
i've tried
this.css("display","none");
with no success..
View 5 Replies
View Related
Jul 14, 2013
It is possible take action label before?
example:
Stage01, label 'home'.
Symbol01, click on Retangle01 action: Play ('home') in Stage01.
View 1 Replies
View Related
May 27, 2013
I'd like to use the opacity of a symbol in an if-statement. How to ask for it?
View 5 Replies
View Related
Sep 5, 2013
I need to hide a symbol on my main stage dynamically, ie without hardcoding it on the timeline. So I tried this within an IF ELSE statement:
sym.getComposition().getStage().getSymbol("Box_Symbol").hide();
I also tried this:
sym.getComposition().getStage().getSymbol("Box_Symbol").css({"display","none"});
Clearly these are not working..
View 5 Replies
View Related
Jan 23, 2014
I have a keyframe where I must to upload a random series of symbols, and I do it with the script:
var myVar = Math.floor((Math.random()*6)+1);
var stage = sym.$("Stage");
var myAni = sym.createChildSymbol("Symbol_" + myVar, "stage");
myAni.appendTo(stage);
The script works fine, but, at NEXT keyframe I must load another series. The problem is that the symbol loaded in the previous keyframe is still present and the new symbol overlaps it.How can I unload or discard the previous symbol?
View 3 Replies
View Related
Sep 4, 2013
I'm simply trying to animate the y axis of a symbol with code. When I rollover one symbol, I'd like it to move the symbol it's inside a certain distance. Never seems to work. I've tried looking up the simple jquery syntax to change an image's y position, but it's hard to find!
This is what I have so far:
sym.$("grouped_image").animate({"top" : "+=50px"}, 500);
View 2 Replies
View Related
Feb 26, 2013
I'm building an animated menu in the latest version of Adobe Animate. There are 5 different animations that happen within the same box on the main stage. I have made each animation it's own symbol. I want to trigger the animations from text boxes to the left of the box where the main animation takes place. The text boxes are not apart of any of the symbols, but are just on the main stage.
When someone scrolls over any of the individual text boxes i need to play one symbol's timeline AND hide all of the other symbols from the stage.
View 3 Replies
View Related
