Edge Animate CC :: Buttons To Control X And Y Position Of Symbol?

Jul 28, 2013

I am trying to move a symbol around based on it's x and y coordinates, without using keyframes to actually animate any movement.
 
Basically what I want to do is have a largish map image inside a symbol, most of which is off stage, with right,left, up and down buttons that slide the map in and out as you mouseover them, thus allowing the user to navigate east, west, north and south, if you see what I mean.
 
The buttons would move the map symbol around in increments of perhaps 10 or 20 pixels at a time, but it would freeze where it was when you moused out of the button, and begin moving again when you mouseover.
 
Of course it would be important to fix limits to how far the map symbol could be pushed so that you could only see as far as the edges of the map, and not beyond the limits of the map.

View 2 Replies


ADVERTISEMENT

Edge Animate CC :: How To Dynamically Set A Symbol Name That Has Been Parsed From XML To Build A Symbol Path

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

Edge Animate CC :: Call A Symbol From The Symbol Panel And Place It On Stage?

Apr 25, 2013

Can I call a symbol from the symbol panel and place it on the stage?

View 2 Replies View Related

Edge Animate CC :: Reference Main Timeline From Inside Of Symbol In Symbol?

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

Edge Animate CC :: Playing Animation On Timeline Within A Symbol From Another Symbol

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

Edge Animate CC :: Control Edge Symbols From External JavaScript?

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

Edge Animate CC :: Navigation Four Buttons

Aug 14, 2013

I have made four buttons.  And they work, but when I click again on button 1 all tree animations are playing! When I click again on number on the start animation is displayed. In the buttons I have set the animations for 2, 3 and for to hide.

View 16 Replies View Related

Edge Animate CC :: Buttons For Web Slideshow?

Jan 4, 2013

I'm trying to make a slideshow similar to what is provided through the Adobe Edge showcase sample files. Particularly the designer spotlight animation.
 
I want to get my buttons working so that when I click one it goes to that particular slide. I have copied and modified the code to work in that way but for some reason I can't get my animations to play when I click buttons-only the first button plays the first animation. Whenever I click the other button, it behaves as if it's playing the whole animation until it reaches the point of where it needs to play from the timeline.
 
I can post code to show you an example.
 
Here's what I have inside of the stage code:
 
// insert code to be run when the composition is fully loaded here
this.circleBtnSymbol = sym.getSymbol('buttn_1');
// turn "on" first circle btn
this.circleBtnSymbol.stop('on');
 // global vars
this.activePanel = 4;
this.prevPanel = 1;
this.panelCount = 4;

[code]....
 
All of the code seems to be set but I'm still not getting it to play exactly the way it should from the timeline.

View 9 Replies View Related

Edge Animate CC :: Buttons Appear All Together After Converting Them To Symbols

Nov 7, 2013

I created 5 buttons in Edge CC that appear one after the other. After converting them to symbols, they still appear one after the other in the timeline, but in a browser preview they all appear at the same time.

View 2 Replies View Related

Edge Animate CC :: Creating A Complex Set Of Buttons?

May 1, 2013

I am creating a map of the US wherein each state would ideally be its own button. I would like this to trigger an event that makes that state bigger. How can I set this up? I have my map laid out in Illustrator with states on individual paths.

View 10 Replies View Related

Edge Animate CC :: IPad Buttons Are Slow In Reaction

Jul 8, 2013

I have an Edge project for web and ipad.The buttons in on the web site funtions well.But on the ipad it is slow and doesnt want to responed.

View 3 Replies View Related

Edge Animate CC :: Avoid Copy - Rectangle On Buttons?

Feb 12, 2013

I made an animation with adobe edge which I used in adobe dps. There is a button with touchstart (starts the animation) and touchend (play animation reverse). It works really well, but when I have the finger on the button it shows this gray copy-rectangle (the one with the blue little dots). The people at the adobe dps forum said it has to do something with adobe edge...

View 3 Replies View Related

Edge Animate CC :: Click Won't Work Right On Buttons Imported From Photoshop

Apr 30, 2013

In Edge, I have created an application where a user can click buttons and then it takes them to a separate scene. However, I seem to have run into a problem where the click only works in a certain area of the box. I created the buttons in Photoshop and imported them to Edge. Only the edge of the button closest to the edge of the stage will work for clicking for some odd reason.

View 7 Replies View Related

Edge Animate CC :: Two Buttons Clicked To Make An Elements Disappear?

May 11, 2013

When the user clicks on two button on the stage I need an eleiment to disapear.
 
for example:-
 
If one of the  buttons is pressed... nothing should happen.

Then when the other button is pressed then an element disapears.

(The user needs to be able to press the buttons in any order)
 
I have been usine verables to try and work this out. How I understand it is that I sould be able to store the verable on the stage and recall it.
 
This is where I have the problem. I have not pasted the stage code because it just does not work. But below is the code for one of the Symbol Button.I had set all the "Var" to "0" at the stage but can not change all recall them.
 
sym.getSymbol("button1").play();
  
var but1 = 1
 
       };
if (but1 = 1 && but2 = 1){
      sym.$("element1").hide();
 
         };

View 2 Replies View Related

Edge Animate CC :: Image With Alpha Blocks Collision For Buttons

Jul 6, 2013

I have an image that is mostly alpha.Problem is that it blocks buttons from working.Is there any way to set a flag to an image so it is not part of the 'touch/mouse' collision funcitons?
 
i can arrange it behind the buttons... but that brings other issues, because something needs to be behind the image with alpha but over the buttons.

View 4 Replies View Related

Edge Animate CC :: Buttons And Mouseovers Playing And Stopping Same Symbols?

Sep 22, 2013

I have two symbols nested. On mouse over, the first symbol saturates the image, and moves it down. The second symbol makes the image cycle through three pictures. On mouse off, the slideshow stops, the image desaturates and moves up. This works really good!
 
I have a button below it, that when pressed, starts the timeline of the first symbol (saturates the image, and moves it down). This works great...but when I hover over the image, (after clicking the button), it snaps back up, and is desaturated. I'm not sure why it does that...I want the image to stay where it is!

View 5 Replies View Related

Edge Animate CC :: Getting Symbol Name?

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

Edge Animate CC :: How To Get Symbol ID

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

Edge Animate CC :: How To Use Fixed Position Style

Jan 4, 2014

Im trying to put a bar menu whit fixed position, looking for the format code to do this?
 
I tried whit this in CompositionReady :
 
sym.$("menu").css("position","fixed");
 
but this doesn't work whit positions.

View 3 Replies View Related

Edge Animate CC :: No Gradient Buttons For Color On Stage Or Vector Items

Jan 8, 2014

I just downloaded the current version of Animate CC and followed the tutorials.Nothing seems correct.
 
There are no Gradient buttons for color on stage or vector items. the keyframes do not populate even though I have keyframes on. Dragging items do not produce a transition on the timeline.the Max width button only says None and will not let me make changes. I'm on Mac Mavericks.  But if this it the quality of CC, it ain't worth the price.

View 5 Replies View Related

Edge Animate CC :: How To Start And Turn On Symbols From Buttons On Main Timeline

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

Edge Animate CC :: Play One Symbol After Other

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

Edge Animate CC :: One Symbol - Playing Other Off

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

Edge Animate CC :: Randomize Position Of Many Duplicate Symbols?

Jun 3, 2013

I have a rectangle (Named "Data") that falls down the stage on a loop. This is all contained within the symbol itself. The stage has this code in it:
  
var randX;
var randShouldWait;
var randSpeed;

[Code].....
 
This creates a nice looking randomized "shifting" as the block falls. The issue is that this code is specifically related to the "Data" object and when I duplicate the symbol it names it "Data_1" which obviously doesn't shift randomly. The goal is to have this expandable to have dozens of these rectangles at once, so Ideally I'd like to find a way to create new ones programmatically that each have individualized behavior so my timeline isn't so busy.

View 4 Replies View Related

Edge Animate CC :: How To Control Audio

Mar 11, 2014

how could i control audio in edge animate

View 4 Replies View Related

Edge Animate CC :: Navigation Buttons Detect Touch Device Vs Desktop Computer?

Jan 29, 2014

I'm trying to figure out how to have the code use touchstart only if the user is using a touch device. Mousedown & Mouseover would be used if the user is on a desktop.

View 4 Replies View Related

Edge Animate CC :: Can Multiple Compositions In Html File Be Controlled With Navigation Buttons

Feb 7, 2014

Say there are 4 compositions in an html file.  Is it possible to create a few navigation buttons in the html file, so that when a 3rd button is clicked, the animation jumps to the 3rd animation.  Something like JQuery slideshow, but the difference is, each composition is animated instead of a static image. 

View 8 Replies View Related

Edge Animate CC :: Two Symbol-instances With Different Data?

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

Edge Animate CC :: Changes Made In One Symbol Show Up In Another

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

Edge Animate CC :: How To Apply CSS All Elements Of A Symbol

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

Edge Animate CC :: Jquery Calling Symbol In Itself?

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







Copyrights 2005-15 www.BigResource.com, All rights reserved