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 want to have some kind of collision-detection within two symbols. So when one symbol collides with another there will appear be text like "squash" or something.
I haven't found anything about collision-detecting in edge animate, but I thought I could handle it with looking for the same css-parameters of both symbols. Obj1 is moving to Obj2 on a motion path. Now I want to have a Text, when it reaches Obj2.So I tried it like this:
var positionobj1 = sym.$("obj1").css("left");
var positionobj2 = sym.$("obj2").css("left");
if (positionobj1 == positionobj2){
sym.play("Text");
}
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.
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 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 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 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 RelatedWhen my animations loads (by clicking the packaging icon), a white block appears in the middle and I would like to know if there is a way that I could change it so it is either transparent or not have the white appear?
I made use of a EdgeDocks extention [URL] called Composition Loader to animate the centre.
[URL]
I placed an image and scaled it in Edge. I notice the image is exported at its original size. Can I tell Edge to downsample a bitmap image?
View 1 Replies View RelatedI am producing an advert for a client that is going to appear in the UK Top Gear magazine.
Top Gear magazine is landscape only but the gyroscope functions are still available.
I'm looking to rotate the device 180 degrees and then the background image changes. Is it possible in DPS or even using Edge Animate content through DPS.
I'm looking to produce this without a HTML coder.
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 RelatedViewing the website in IE8, the poster image displays correctly but there is added white space to the right and under the image.
View 3 Replies View RelatedThis is part of a larger issue with DPS that necessitates placing a static version of the animation (the poster) into InDesign that shows prior to the animation. Not doing this, there is a white flash when the page first opens and before the animation can get loaded. Unfortunately the poster image from Edge is noticeably lighter than the animation itself.
View 4 Replies View RelatedI'm trying to centre an image to the centre of the browser using the responsive settings. My problem is that I can centre the image, but as soon as I start to scale upwards or downwards the Logo isn't staying in the middle of the browser.
View 2 Replies View Relatedi've an image of a tyre..100x100 pixels.when i import it in edge, i get something like 1000x1000 and the tyre is left side top..as 100x100 the rest is empty and i cant get it away??
View 1 Replies View RelatedEverything was working fine, now every time I try to load an image into my composition I get this error "Error Loading Image!"
View 1 Replies View RelatedHovering over a row of thumbnails, I swap the full size photo following this code :
var photo = new Image();
photo.src = 'images/'+fileName; // parameter of the function
console.log(fileName+' L= '+photo.width+' H= '+photo.height);
sym.$('toile').attr({
width: photo.width,
height: photo.height,
src: photo.src
});
The full size photo swaps, but retaining the dimensions of the first one (initially on the Edge stage).
Even more puzzling, as you can see in the following screen capture, sometimes I can get the correct photo.width and photo.height (even if it isn't correctly assigned to the 'toile' element), and sometimes those values are zero ! And I feel so lost that this seems random.
May be it has to do with loading delay, asking the width and height information before it is available ? Should I necessarily preload the images ?
Clicking on any of the 26 letters of the alphabet, I display the 15 logos starting with the first brand whose initial is the clicked letter.
Logos have different dimensions, but I fail recovering them, so that they are displayed stretched or squeezed, retaining the width and height of the first 15 logos put on stage in the Edge source.
Both of the two console.log in the following code produce w= 0 h = 0 :
- just after assigning the src attribute ;
- in the callback function of the load.
$('.letter').on('click', function()
{
// swap the 15 logo images
[Code].....
I have problem when I try import imagen inside Edge stage. Then I need close the file and re-open to fix the image paths.
I note that Edge create a image folder to save the image inside the Library.
Do I am doing anything wrong trying drag/drop image inside the stage?
I 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 RelatedWell, I need a little slideshow of images, the code for mouse events (click, mouseover, mouseout, etc.) is the same for all images, then I create a symbol with one image inside for this, and drag&drop instances to stage, but now I don't know how change the image source of other symbols. In design time, when right click over any symbol instance only edit symbol it's possible (not single instance), and I don't know if is possible to change the image source of any symbol instance by code.
View 4 Replies View RelatedI have used some image files as templates in my animation. There doesn't seem to be a way to remove the files without Edge squaking about those files missing. Even after I have removed all references to those files. What is the proper way to remove unwanted files completely from a Edge animate project? It was suggested that there is a right click, but this only shows you where the file is in the finder.
"File saved but Edge Animate encountered error(s): Failed to Copy Image: /Users/danjahson/Rain/Clients Work Folder/Nu Skin/Bespoke Moblie App/Intro & Reveal HTML Video/Bespoke_Intro/Bespoke_Intro_1/images/Intro_Template0012.jpg: No such file or directory"
This file is no longer in the animation - but it still asks for it. I cant seem to kill it.
I am on a mac with the latest version of Edge Animate (3.0.0.322.27519).