New version(2014.1) is bug and crazy y layers is very bad
↧
New version(2014.1) is bug and crazy :(
↧
Sharing an Edge composition on Twitter
I am building an app in Edge Animate and wondered if anyone has any insight for this:
On one page of the app, I have a drag and drop functionality. I would like users to be able to share what they produce on this page directly to their Twitter account, as a form of marketing for my app.
Any suggestions about how I would go about doing this in Edge?
Thanks
↧
↧
Pause & Play Twice?
Hi,
I have a problem, I am making an interactive web-app but it doesn't quite work the way I want it to.
currently this is happening:
There's a car which is outside of the screen, it drives into the screen then it will pause the animation.
The animation continues when you hover over the animation, it is then supposed to stop with the following code:
code:
// Play the timeline at a label or specific time. For example:
// sym.play(500); or sym.play("myLabel");
sym.getSymbol("auto_animatie").play("open_klep");
// Go to a label or specific time and stop. For example:
// sym.stop(500); or sym.stop("myLabel");
sym.getSymbol("auto_animatie").stop("auto_stop");
issue:
But the car doesn't stop after playing the open_klep animation, is there currently an issue where you can not have two stop's on one timeline?
↧
How to play two different css in a same composition
Hi there..!
This is the code I am using to animate my page background. I've placed the code in Composition ready.
( this.onMove = function( posX, posY ){
timelineControl = Number(posX)*15;
console.log(timelineControl);
sym.stop(timelineControl);
} )
Also I am using this code(this.onMove( e.pageX, e.pageY );) onMousemove event.
Now, the problem is I want different objects to move in different X and Y positions, but I am not able to do so. The code I mentioned above is for stage and it works for the whole composition.
Anybody please tell me how to do this for the objects alone.
Thanks..!
↧
How to prevent page scrolling when using Parallax
So, let's say i have this animation:
I want this animation to be controlled with the mouse scroll. I used EdgeCommons and insert their parallax code. It worked. But... Take a look:
As you can see, the animation is played as the user scrolls the page. The problem is that the content of the page scrolls as well. The blue box goes diagonally, while it should only go horizontally. What i want to do is to prevent the content of the page to scroll, but to keep the parallax animation.
Help????
↧
↧
How can I animate size and rotation on mouse over?
Hello,
I'm fairly new to Edge Animate and have been trying to find tutorials but all I've found so far are ones for older versions which are very different to the new CC 2014 versions so not had much luck..
I'd like to animate icons similar to the those on the coloured band on this site: http://do.live147.com/html/rockox/index.html ("Website", Latest Trends" etc..)
So on mouse over I'd like to animate the scale and rotation of the icon, and then if possible, to keep it in that new state until another icon is selected (rather than returning on mouse out). All icons are for a design in Muse (CC 2014).
Can anyone help me or point me towards some new tutorials which covers this? I'd appreciate any clues on how to do this!
I'm using Edge Animate CC 2014.1 on a Mac.
Thanks in advance!
Anne-Marie
↧
BUG: transform-origin not properly being set for Chrome v36
Moving this conversation from the previous thread to a new discussion that is a little more accurate. (last one was off in regards to responsive scaling, issue is little wider than that)
old thread:Transform Origin is forced to 0,0 when using 'Responsive Scaling' in mobile Safari and Chrome
So here is the problem. Chrome (as of version 36) now recognizes the transform-origin value as the preferred method for the browser, rather than the more specific -webkit definition. Here is an image that may help to illustrate this a bit more in context.
As you can clearly see in the image above, Chrome no longer opts to use the -webkit transform values and has adopted the newer method (and hopefully a cross browser standard in the near future) of transform-origin. What we are missing here is this value being set by Edge Animate. If we can get these values set in both fields, it should resolve the issue across the board.
Our engineering staff has done a lot of digging on this as well, and Google is point back towards Adobe for this fix. The values simply need to be set by Edge Animate. Here is a link to 2 Google Chrome related threads with this issue as well.
and
I cannot stress how much of MAJOR BUG this is for heavy Edge Animate users like my company. All of our character animations are literally falling apart and since Chrome is a browser that will auto update, this will only become more widespread of an issue as time goes on.
Please respond back to this thread with an ETA on an update for Edge Animate to resolve this issue. Thanks!
↧
New version (2014.1) bug : stop() function won't work
Hi everyone,
I would like to know if someone else had this issue.
I've set a symbol that has an animation into another symbol that is put in the Stage. ( Stage -> symbol_father -> Symbol_with_animation) .
I want to make this animation start only when i press a button into the Symbol_father.
The issue is, as soon as I run the Stage, my animation will start regardeless i've insert every type of "stop()" function ( for example : sym.stopAll() into the stage, or sym.stop(0) into the start function of the symbol_with_animation, and so on...)
Thanks for your time,
greetings.
↧
Preloader no longer centred
Hello,
I built my site a while back on edge animate 3.0 and it worked fine. I've recently I have come back to update some bits but a few things no longer work.
My preloader is no longer centred to the stage. I have a 100% width stage so I used absolute positioning and auto margins to centre the preloader before, this was the snippet of code on my Preloader actions
$("#preloader").css({
width : '120px',
height : '120px',
margin : 'auto',
position: 'absolute',
top: 0, left: 0, bottom: 0, right: 0
});
This no longer works, is there anything I need to change on this code?
Or anything I can change in the HTML file which is being displayed as follows:
{
id: 'preloader',
type: 'image',
tag: 'img',
rect: ['0px', '0px', '120px', '120px', 'auto', 'auto'],
fill: ["rgba(0,0,0,0)",'images/Loader.gif','0px','0px']
}
Thanks in advance,
Nick
↧
↧
Scrubbing a wheel and turning a pot with Edge Animate!
Hi all!
With the wonderful Edge Animate and the external JQuery Ui library (for the drag), I've made a wheel that you can move with a scrubber-bar.
The original, super-useful code from wich I started is made by JackPister in this thread: http://forums.adobe.com/message/4752554#4752554.
I've used Jquery Ui for dragging so I've simplified the code.
Here's a prototype: http://www.terredainventare.it/edge/wheel/Wheel.html.
Here are the Edge project files: http://www.terredainventare.it/edge/wheel/Wheel.zip
Now, (almost) all is working, but I have two question for the Forum readers and the Edge Animate experts and staff:
1) do you see that when I hover with the mouse on the scrubber, the wheel moves? Why this?
2) What if I would (and I want!) build a circular scrubber that moves together with the wheel? I'm more explicit with these picture. It would be like a pot that you move dragging the handle!!
Many thanks for your help!!!
Davide
↧
Trigger for timeline to toggle pause/play ends up refering to audio
When I make a trigger in my current project and click toggle play/paus and choose the stage this code comes up:
// insert code here
// Set a toggle to play or pause the audio timeline
if (sym.isPlaying()) {
sym.stop();
} else {
sym.play();
}
I´ve done it countless times now. At first I though I was being hasty when clicking, but no.
↧
2014.1 issue with multiple compositions on page
Since updating, I'm unable to get multiple compositions to work on the same page. I'm using the setup outlined here: http://www.adobe.com/devnet-docs/edgeanimate/api/current/index.html#multiplecompositions
For some reason, only the first animation I call in AdobeEdge.loadComposition loads at all. The rest don't load and there are no error messages. Here's my .html file setup:
<!--Adobe Edge Runtime-->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<script type="text/javascript" charset="utf-8" src="/_js/edge/edge_includes/edge.5.0.0.min.js"></script>
<!-- load animations -->
<style>
.edgeLoad-EDGE-235976427 { visibility: hidden; }
.edgeLoad-EDGE-124716880 { visibility: hidden; }
.edgeLoad-EDGE-124716881 { visibility: hidden; }
</style>
<script>
AdobeEdge.loadComposition('/_js/edge/laptop', 'EDGE-235976427', {
scaleToFit: "width",
centerStage: "horizontal",
minW: "0",
maxW: "1010px",
width: "671",
height: "441"
}, {"dom":[]}, {"dom":[]});
AdobeEdge.loadComposition('/_js/edge/about', 'EDGE-124716880', {
scaleToFit: "width",
centerStage: "horizontal",
minW: "0",
maxW: "1010px",
width: "1010",
height: "590"
}, {"dom":[]}, {"dom":[]});
AdobeEdge.loadComposition('/_js/edge/personalizedcontent', 'EDGE-124716881', {
scaleToFit: "width",
centerStage: "horizontal",
minW: "0",
maxW: "1010px",
width: "1010",
height: "590"
}, {"dom":[]}, {"dom":[]});
</script>
<!--Adobe Edge Runtime End-->
<div id="Stage-laptop" class="EDGE-235976427"></div>
<div id="Stage-about" class="EDGE-124716880"></div>
<div id="Stage-personalize" class="EDGE-124716881"></div>
↧
Edge Animate CC 2014 pasting SVG's from Illustrator CC 2014 issues
I am working on an html5 interactive map in which only certain US States which have an active service area for this particular product will be a different color, with an interactive text box that will pop up on hover.
My background is a plain, gray, US map with all the state borders outlined in white copied from my Illustrator file. My plan was to add just the states with an active service area as a new layer on the Stage, after I make it red and copy it from Illustrator separately. However, after I do this successfully for the first 2 or 3 states, the next state I try to add, regardless of the actual state I choose next, or the name I give the incoming .svg image, fails to display within my .an file.
Please fix or help! This project should have already been completed, but I have wasted 3 or 4 versions in attempt to get these svg's to display as they should. If I have to go the route of saving each layer as a .png first, the project is going to take me 10 times longer than it should if this feature was working properly.
Thanks,
Troy
↧
↧
Why is play/pause in video never exact?
I have a video and a play button in my project.
The play button is set to play the video and the timeline, with triggers on the timeline telling the video and timeline to toggle play/pause at certain places. No autoplay on timeline or video.
The video plays and pauses as it should, but no preview is exactly the same. Sometimes the video pauses half a second before or after the set trigger. Is Edge not stable enough to be 100% accurate all the time?
↧
My animation works when I preview, but when I publish and post online, I get nothing
It is literally just white, nothing. It works fine. I publish and test it locally, it works. Then I upload all the files, and it will not show up online.
???
Please help?
↧
Which files to I update when I edit my Edge Animation on a webpage?
I recently created an Adobe Edge Animate file and put it on a web page by doing the following steps:
1) Create folder on the server called "edge_includes" and uploaded the 'edge.5.0.0.min' file.
2) Create folder on the server called "js" and uploaded the 'jquery-1.7.1.min' file.
3) Copy and pasted the div to the part of the page I wanted the file to appear (<div id="Stage" class="EDGE-13973370"></div>).
4) Uploaded the name of the js file to the root 'World of Code_edge'
5) Uploaded the images to the existing folder called 'images.'
When I update my Edge Animate file which file or files do I publish to my website?
↧
Control method of the translation function
It is translated without permission.
I checked it.
<meta http-equiv="Content-Language" content="ja">
But, it is necessary.
After all must I edit the header of the html file by hand?
↧
↧
Edge Animate symbol timeline goes blank...!!
Hi,
Anyone else have this issue? After the recent update to Edge Animate, I'm having this problem, the symbol time line goes blank and there is nothing inside the timeline, hours of work is gone just like that, it doesn't matter how many times you have saved your work. I have spend two days now on this, it was working perfect before the update. I tried re-installing Edge animate but the same thing happens, it also sometimes gives an error saying you need to save the work and restart edge animate coz an error has happened and following this error i get another error saying C+++ exception!!
I have no idea what is wrong with edge animate and i'm on a tight deadline. Please test your products before you release it!! Never knew the update will ruin my project!! When i open my project made from previous version it saves the project as an upgraded version, and i think this is causing the issue maybe. PLEASE HELP!
↧
Hide Show toggle issue - can u help?
Hi, I have a toggle issue!
I have four buttons that each hide show toggle different squares:
button 1 shows yellow and hides green, green1 and blue
button2 shows green and hides yellow, green1 and blue
button3 shows green 1 and hides yellow, green and blue
button4 shows blue and hides yellow, green and green1
However, if you press button1 and then press button2 the sequence gets confused and hides/shows the wrong ones!
Can you help to ensure that whatever button is pressed it will hide show the correct formation whether you toggle or not?
here is my code for one button1 etc:
// Set a toggle to hide or show an element
if (sym.$("Green").is(":visible")) {
sym.$("Green").hide();
} else {
sym.$("Green").show();
}
// Set a toggle to hide or show an element
if (sym.$("Green1").is(":visible")) {
sym.$("Green1").hide();
} else {
sym.$("Green1").show();
}
// Set a toggle to hide or show an element
if (sym.$("Blue").is(":visible")) {
sym.$("Blue").hide();
} else {
sym.$("Blue").show();
}
Can you help?
↧
createChildSymbol inside content box
Hi all,
rather stuck...
So i have main stage - with a content box on it
Buttons can be clicked and they call up a symbol inside the content box using this code:
sym.$("content").empty();
sym.createChildSymbol("blah", "content");
works great - but I've got so many buttons now I needed to create a nested drop down menu - which looks great...
but now none of the menu buttons work with the code I have above - either nothing happens or bits of the menu disappear or other strange happenings!
I've put
sym.getStage().$("content").empty();
sym.getStage().createChildSymbol("blah","content");
But that doesn't work, I also tried getComposition too but that doesn't work either.
Does anyone have any suggestions?
Thank you
↧