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
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 RelatedI'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.
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)
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 RelatedI 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 RelatedI 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.
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 RelatedI 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 RelatedWhen 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();
};
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.
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!
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.
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.
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 RelatedSay 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 RelatedI am including an animation I built using Edge Animate into Dreamweaver. I can't use an .oam file because of some other JavaScript I'm using so basically I'm limited to an .html file with all my edge includes java, and other supporting files.
when I preview in browser within dreamweaver. However, when I upload the page to my domain, my animate HTML file won't work. Here is a link to the current site in progress. (The first green box top left is my link to my animation). URL....
I am trying to turn XML data into a number that I can use in formulas in Animate. I have successfully retrieved the info from the xml file into the text on the stage. My problem is that I need to have the value of the imported data to be a number so that I can do future calculations with it, like add the two numbers together to make a new variable total. I have racked my brain reading about XML, spent several days trying obvious solutions to no avail, and yes I am new to coding although I have thoroughly tried many options.
-----IMPORTING AN XML FILE "textimport.xml"
<?xml version="1.0" encoding="UTF-8"?>
<mediansaleschart>
<figureone>20</figureone>
<figuretwo>10</figuretwo>
[code]....
My first time using Edge. I exported an html file from Muse & just wanted to animate some buttons on the page sliding in. But when I click on anything thats a button (from Muse) I get the Exception Error message "An error occured. Please save your work and restart Edge Animate"
It seems to happen to anything in the file that has more that one state. Is this something that I cant do in Edge?I've tried restarting. saving as a different file in a different location. uninstalling/re-installing Edge.
Not sure if it matters: The buttons that I'm trying to animate were not automatically created from a Muse Widget. I made the different states in Photoshop & imported as a photoshop button.
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.
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?
I have a banner I have been working on with three spinners like a slot machine. Currently I have everything hand animated to rotate the spinners to spin to one of 4 options each. What I would like is to have a button that triggers the spinners to rotate to a random ( 1 of 4 ) points over the course of 1/2 second 500ns.
Is there a code snippit that will make an object rotate to one of 4 chosen variables?
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.
it's all in the title^^
when i try to preview in browser , it loads like 2 seconds then nothing more happens.
Is this possible to do? The mask is arranged infront of the layer I would like to click on.
View 1 Replies View RelatedIs it possible to create following: pop-up window is appeared on click tha button?
View 3 Replies View RelatedI am creating a slide show and I added a stop and click to play action so it is interactive so the user must click to go to the next slide. The stop is working but the click an day is not when I preview in the browser?
View 4 Replies View RelatedI have a button on the main stage with a hit event inside of it. This hit area calls frame lables on other symbols (these "other symbols" are also on the main stage, not dynamic) . How do I make the click event of the hit area null if one of these symbols is/are visible? I added another button to set the visibility to false but then I also need the click event to reset itself to it's original state
View 10 Replies View RelatedI just can’t get it to work through edge, basically I have a button and I want to be able to click the button which then in turn downloads a file from the site, It’s a PDF file and I have tried the window.open() command but I get funny results once it opens? Basically I just want the button to be clicked and the file to be downloaded to the machine.
View 2 Replies View RelatedI 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.
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
