I am very new to Adobe Edge Animate, but are there any additional export options other than the .html and javascript files? We are also hoping to use what I created at a tradeshow and therefore need it formatted as a video not an html file. I have not been able to find any options and I would like to avoid having to completely recreate the video. We have access to the entire Adobe Creative Suite, so if there are options in other programs, I would love to hear suggestions.
↧
Adobe Edge Animate Export Options
↧
What is the difference between Edge Animate CC, Edge Code CC (Preview), and Edge Reflow CC (Preview)?
Also, what does the (Preview) mean? Does it mean that a newer version will become available soon?
↧
↧
Coincidental Draggable
Hello,
I'm making an interactive analog clock using Adobe Edge. The hands of the clock can be dragged to any particular time. When dragged, the movement of the hands coincide with each other. I was able to code the "hour" hand that when dragged the "minute" hand moves accordingly (with 12 times the rotation). I used GreenSock's GSAP and it works flawlessly (see code below).
var hourHand = sym.$('Clock_H');
var minHand = sym.$('Clock_M');
Draggable.create(hourHand, {
type:"rotation",
throwProps:true,
onDrag: syncMinHand,
onThrowUpdate: syncMinHand
} )
var hourDraggable = Draggable.get(hourHand);
function syncMinHand() {
TweenLite.set(minHand, {rotation:hourDraggable.rotation * 12});
}
However, I want to be able to accomplish the same effect for the "minute" hand. When the "minute" hand is dragged the "hour" hand moves accordingly (12 times slower). But I want to be able to independently move either hand at any point with the other hand corresponding appropriately. Any help is greatly appreciated!
↧
How to Unload and Reload a Composition into the same HTML page?
TLDR:
When loading multiple Compositions into a html page via AdobeEdge JavaScript, how do I remove/delete/unload a loaded composition so that it can be added/loaded to the same page again later? I am open to options not mentioned here, but this is done externally, not within Edge's limited code abilities (working with multiple comps on one page).
----------------------
*Note: I am making comps in Edge then loading multiple within my own JavaScript/HTML external pages. This programming is NOT done within Edge's code.
Overview:
I could have more than 50 compositions to load into my page, but only one is displayed at a time. In order to make this easier on the user, I load 5 into the page in divs with display: none. I set the id of the first one to an id that has my css to show the content properly. When clicking next, that div is set back to an ID that has hidden css values. Going forward and back works the same. This functions properly. This puts all the obvious preloading in the beginning so the user doesn't have to wait again, as comps are preloaded in the background while they are viewing other comps.
As the user moves farther, I drop the first div and add one on the end with the next comp. This works fine. I can go forward all day, no problem by removing the first div element and adding one to the end. This should make memory not horrible, since theoretically, the comps would be removed as needed...
Problem:
The problem is if the user wants to go back. If I drop the last div and add one to the front, the comp (which was loaded and dismissed earlier) cannot be re-loaded. It also cannot be re-added, even if the div is cloned and re-added later.
This is the code I am using to load the comps:
$.getScript('comp_' + i + '_edgePreload.js', function() {});
Options:
The options I have thought of (and not found a way to make them work) in order of preference:
- Fully unload the comp from memory, that way when I make the call to load the comp, it will act as if it has never been loaded before. (Is there a way to unload a comp completely? I haven't found one, but the API is sorely incomplete) **I want this one to work very much.
- Ok, maybe you can't actually unload a loaded comp. Can you re-add it to a new div? I have printed out every option I could thru AdobeEdge's interface, and cannot find a way to re-make a div the way it was. Heck, I'd be happy to load the content into a non-child element in JS, then append to html when I actually want to display it. I can't find how to re-setup the div, which has the correct Class and is set up the way it was when the comp was loaded the first time. (this option is bad because it seems all of the comps are still in memory, but at least it would work)
- Worst case, I have tried this and ALMOST got it to work. When I removed the old divs from the page, I cloned them and added them to an array of objects in JS. Then, when going back, I pushed them back out, so it was an EXACT copy of the original div, all content was the same, all id, class, style, etc was the same. Unfortunately, AdobeEdge seemed to lose the ability to talk to it. (AdobeEdge.getComposition('EDGE-MyUniqueIdentifier').getStage(); // returns undefined). How do I tell it to re-associate the div with the object that still exists here? And obviously, this is an awful solution, since it appears that all of the comps stay in memory, but I was desperate to simply make it work somehow.
If you need code examples of any of my attempts at the previous options (I have tried them all extensively, and unsuccessfully), I can provide it. I hope someone has found a way to deal with this or has links to actually useful information. Most posts I have found simply tell you to load all your comps and hide/unhide them as needed. This works for small-scale, but when you have a lot of comps to move between, it becomes less of a viable solution.
↧
I have created a 468x60 animated banner in Edge Animate. How do I save the animated image to my desktop? (not in html code)
I have created a 468x60 animated banner in Edge Animate. How do I save the animated image to my desktop? (not in html code)
↧
↧
NZ Edge Animate freelancers?
Does anyone know where I could find an Edge Animator in New Zealand for freelance work?
↧
Button appears behind all elements, even though it's in the front
I have an exit button that is supposed to bring the user back to a home screen when it's pushed. On my animate file, it's at the front of the stage, but the HTML file acts like it's in the back, as an image keeps coming in on top of it.
Any one have help for this kind of issue?
↧
Impossible to pause a video
I´ve imported a 20 sec video into my Edge project. No matter which command I try I can´t get the video to pause or stop. I´ve tried using the pause function for the video, tried using stop on the timeline, and tried not marking neither the stage nor the video as autoplay (in every combination possible). I can make it not run in a preview, but once I make set it to run it just won´t stop.. any suggestions?
↧
SVG Images Blurry
I am working on a project in Edge Animate using SVG images responsively. However, whenever I increase them in my browser (Chrome), the images get very blurry and almost look like bitmaps. I saved the SVG images from Illustrator in SVG 1.1 as only one layer. I've researched everywhere and cannot find any answers on this issue. Also, I made sure to change the properties on my images to "img" rather than "div". I am using symbols on the timeline for animating these symbols. Hopefully, someone has some insight on how I can get the SVG images to enlarge properly and at higher quality. I also used this video from Adobe to add the responsive code onto the Stage: http://sarahjustine.com/2013/04/08/create-scale-to-fit-projects-with-adobe-edge-animate/
I would appreciate any assistance asap.
Thanks!
↧
↧
immediate/ polite /sound/ preloader
What are your experiences with the preload mode?
I can see no differences on a high bandwith (not enough time to test it on low bandwiths..):
- there is always a preloader sequence, regardless of the mode and media compression
- immediate and polite mode seems to be the same
- i generally cannot disable the preloader sequence to be shown (just leave its stage empty)
- it seems to make no difference for the preloading time if sound preloading is activated or not
- not sure what happens when i uncheck the sound preloading (what could happen?)
- no browser cache for all the media assets in the composition?
have i to tell my client that there is always a preloader?
Best practice tips?
↧
Is anybody able to pause a video by using pause/stop triggers on the timeline?
I don´t mean to spam the board because of a problem I can´t solve, but is there anyone out there who manages the following:
1. Import a video into Edge (let´s just say it´s 20 seconds long for this example).
2. Make the video play from start by a play button.
3. Make the video automatically stop at different intervals by setting pause/stop triggers in the stage timeline.
4. Make the video countinue playing from the paused/stoped positions by clicking the play button.
(Example: When clicking play the video would play to the 5 second mark and then stop because of a stop/pause trigger set at the 5 second mark. To make it keep on playing from the stop/pause position at 5 seconds you´d have to click play again)
If so, what triggers on the timeline did you use to stop/pause the video?
You´d be my hero if you could help me out on this. I´ve been trying everything for three days straight now.
↧
Including JQuery Plugins
Hello together,
I have some troubles with JQuery Plugins. What is the reason that some simple JQuery Plugins work with Edge Animate and some not?
For example, I am trying to include the Plugin Foggy to create the blur effect. there is just one way to include it, but it doesn´t work.
Plugin: Foggy: jQuery plugin for blurring page elements
compositionReady:
sym.$('#Stage_Holztreppe_Casablanca_Treppen_Intercon_Buche_oSmG_2a_2577').foggy({
blurRadius: 12,
opacity: 0.8,
cssFilterSupport: true
});
I hope, someone can help me....
Thank you very much
↧
I am not getting the full panel in the Actions panel.
I am on a PC and I have uninstalled and reinstalled 4 times with no luck. Is there a problem with the actions panel on the PC?
I have been trying to expand the panel but the little code/action symbol that is suppose to be to the right of "Full Code" isn't there.
Can someone help me with this?
Thanks
↧
↧
Can a jquery plugin be created with Edge that zooms images in when clicked on?
I know there are a lot of jquery plugins out there but I want create my own for many reasons. Any comments would be much appreciated, thanks.
↧
Possible to animate a clip mask?
I would like to recreate this animated mouse over effect: http://tympanus.net/Tutorials/CircleHoverEffects/index2.html
I've tried animating a mask which works, however I'm not seeing a way to make the mask transparent so it conceals the shape from the outside of the shape motioning inward as you see in the effect. Or is there a way to make a compound shape (as in Illustrator) do then animate the inner points of the shape?
↧
How can I insert an iFrame in Edge Animate CC?
Does anybody know how to insert an iFrame into a Edge file?
↧
Is it possible to have multiple pause the require view to click "continue" button to proceed?
Is it possible to have multiple pauses the require view to click "continue" button to proceed?
↧
↧
Uploading embedded edge .oam files in muse
I have embedded Edge files in Muse and I can not get them to upload onto any server other than adobe business catalyst. I have hosting accounts at Godaddy and Hostgator. Adobe support for Muse and Edge tell me it's a problem with the hosting company. I don't believe that is the case.
Any thoughts out there?
↧
Complaints from clents that Edge Animate built sites will not work in certain browsers
Has Edge animate sorted out the problem of not working in IE browsers - I updated my Edge Animate ro version 2.0 - is there version 3.0 or later out yet that addresses this problem?
↧
Animate 2014 sprite sheet import different than docs
Edge Animate Help | Import sprite sheets
Importing from just an image creates a single symbol. Importing with the help of an .eas file creates individual symbols. The docs say both processes create separate symbols - which isn't really helpful. Under what circumstances would I want separate symbols created for a sprite?
It would be a cool feature to import individual symbols defined in an .eas file if it wasn't sprite data.
↧