Edge Animate CC :: Click On Layer Behind A Transparency Mask
Mar 24, 2013Is this possible to do? The mask is arranged infront of the layer I would like to click on.
View 1 RepliesIs this possible to do? The mask is arranged infront of the layer I would like to click on.
View 1 RepliesI have 280 extracted frames from a 12 sec. mp4 clip. I've cut-out the main object to get rid of the background and saved all the files as png. How can I bring this to a HTML5 Animation to place it on a page that will be showed on ipad-air (no animated gif and no flash)
View 1 Replies View RelatedThe 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)
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.
1. i created animation (lens flare) with .png and transparent stage in adobe edge animate
2. export .oam out of adobe edge animate
3. import .oam into adobe muse
4. upload muse to server
when the animation, placed over the logo (see link), is loading in browser a white box appearing first. URL...reload the page, or visit again by clicking the menu (there is a difference) on (re)load (or when the first time user is visiting site) a white box appearing, or?
Is 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 RelatedI 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.
is it possible to make an animation with a transparency background?
I looks so...but when i do it...the gradient shows color to black in stead of transparency...?
I when i import it in muse...i see also that edge design has a white background ( instead of the transparency that i like to want..)
I need to create a draggable mask you can drag over an image that reveals a zoomed area of the same image
View 1 Replies View RelatedIn 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 RelatedI have an image of a room, and I want to add the ability to click different parts to zoom in (by scaling up background image) and have the relevant information appear. I don't know if the best way is to have all the "camera zooms" and information on one timeline (have to manually animate everything dissapearing, fiddly), or to separate them into symbols and call them up?
View 3 Replies View RelatedIs there a way to code certain regions of an image for a click event without adding a hit area?I have a map of Texas with each region. Clicking on a region brings this region bigger to the front. Then I want a click event for each county to bring up its name and other data.
View 12 Replies View RelatedI want to have a mouseover and -out effect on my navigation bar and on the event click it should stay in the mouseover status. So far the mouseout and the click event affect each other on a wrong way. The example I attached here is done with plain rectangles, but later they will be images.
MyStatusQuo: [URL]
Every time I right click on an Object in Elements window Animate crashes on me.
Same thing happens, when i click on the "Open Actions" Button - "{ }"
I am able to accomplish nothing this way.
I am running on a 2010 MacBook Pro 3.06 GHz Core 2 Duo - OSX 10.9
Adobe Edge CC downloaded today via Creative Cloud
I have a text object in my Animate comp. It's pulling in HTML using JQuery's .html command. What I'd like to do is from that HTML, I'd like add an a href or similar link where onClick something happens to another Animate symbol. In this case, I'll make it simple and just show a div, but it could be anything. Of course, Animate has actions for symbols in the Elements panel, but this needs to happen from the HTML itself. Like this:
sym.$('content').html('<p>If you click this link, the <a href="sym.$("gallery").show();">Photo Gallery</a> will appear.</p>');
OK, this is a simplified version and I realize the syntax in the a href is completely wrong. But you get the idea. I click in that text and a div now appears on the screen. Also would be great to do it from an image link as well.
So is there a way to do this in Edge Animate? It's important I need to find a way to make this work.
I'm playing with the edge commons and json possibilities.
I have a movie with dynamic infos coming from a json file. Everything displays succesfully right now. I would like when I clic on a element (on the thumb picture) that the current info (so I suppose I have to pass an ID somewhere) displays in a movieclip I created (this movieclip is called "detail" in my edge scene).
I currently have a spotlight in my example when clicking on the thumb but I would like to remove it and just display the selected infos in the detail movieclip. I hope I'm clear enough..
I join my example file here. [URL]....
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();
I am trying to to load a JSON file and load images with text information.
I have a problem when i click the thumbnail, the large image can't displayed, i am receiving the following error:
Failed to load resource: the server responded with a status of 404 (Not Found)
my code in compositionReady:
$.getJSON("content.json",
function(data){
for(var i=0; i<=data.length; i++){
var s = sym.createChildSymbol("template","content");
s.$("title").html(data[i].title);
[code]...
and at the element that hold's the thumbnail image, I added on the click event :
sym.$("finte").css({"background-image":"url("+$(this).data('largeimage ')+")"});
I believe that somewhere on +$(this).data('largeimage')+") is the mistake. But I can't find it.Moreover, how, the thumbnails, can be displayed as a table of 4x5?
This is something I recently wanted to do, but found that the clipping in Edge Animate only allows us to make a square or rectangle shape. I'm pretty disappointed by this because technically you can make a circular, or elliptical, clip shape using HTML5 and CSS3. Also, the same is true for masks. I would love to see this as a future update in Edge Animate because I can see a few more instances where I would want to use clipping, or masking, in this way.
[URL]
I believe ScrollTop jquery works for scrolling certain number of pixels but how to use it in edge?
View 1 Replies View RelatedI'm doing a chemistry animation and need a custom mask similiar to below:where a student presses down on one of the arrow buttons and this animates the numbers upwards until they let go of the button.
Is there an easy way to do this in Edge?And how would I go about controlling the numbers upward movement with the pressing of a button?