Html5 animation: Flash CC vs. Edge Animate?

I've been using Flash for many years, and am now creating html5 animations. Just curious, why would I want to use Edge animate to create html5 animation, when I could just make an animation in Flash CC, and then export as html5 canvas? Do both Flash and Edge basically render the same thing (in terms of html/css/js), or are there differences? Thanks!

Re the topic of this discussion - I'd been wondering the same thing.
Until recently, I assumed there was no real difference other than the interface (I prefer the Edge layout - it's closer to video editing - but wish they would undo the changes made to the code editor since CC 2014. I need as many JavaScript hints as possible!).
But now I'm looking at the area of ebooks and there are problems with Edge animations on iPads, even though they are indeed HTML5. See Adobe discussion here: https://forums.adobe.com/message/6550864
On the one hand, iBooks may have a problem with content in iFrames. (I'm not into coding - but the Adobe guy in the other forum alluded to as much.)
On the other hand, even the GitReader app on iPad won't interact with the Edge animation within an iFrame. ...But it will with Flash & Captivate HTML output.
Could it be that Edge uses its own library of Edge JS, whereas the libraries used by Flash Captivate (CreateJS) are supported by iOS?
Whatever the reason, I'm now investing time in Flash HTML5 content over Edge.

Similar Messages

Is it possible to design an animated navigation bar in Edge Animate CC for use in a Dreamweaver CC site to act as the site's internal navigation? I have my own example for review.

Hi all,
I'm hoping one of you good people can help me with this. I usually try and work out things by myself and is my first time posting as this one really has me stumped. A solution would be fantastic but if I could be given a definitive answer if it can be done or not then at least I can stop wasting my time.
I'm loving Edge Animate as a cross browser alternative to Flash and the complete control I can now have building HTML5 and CSS animations from scratch. I build websites using Dreamweaver CC and wanted to create a bespoke drop down navigation for one of my sites in Edge animate CC to take into Dreamweaver. This I have done and is where I am having problems. The link to the test homepage in question is below with the nag bar made in Edge CC top right.
http://www.elastic-canvas.co.uk/Nick_Scott_Media%202014_Website/index.html
The problem is when setting the link attribute in Edge animate. You have the options of 'link in same window' or 'link in new window'. As it's for an internal navigation system neither seem to be appropriate. If I set it to open in a new window and set the live website address as follows it opens up the new page in a new window where as I want to replace the page. This is an example of the code I used to test if clicking 'sports advertising' would take you beck to the homepage:
// Navigate to a new URL in a new window
// (replace "_blank" with appropriate target attribute)
window.open("http://www.elastic-canvas.co.uk/Nick_Scott_Media%202014_Website/index.html", "_blank");
I ideally want to get into the code and just wrap each nav element with a <a href=""><a> tag. Can this be done and can it be done directly in Edge Animate CC?
Cheers, Matt

Hi,
According to your description, my understanding is that use CMAK to configure split tunneling on VPN clients, traffic to specified devices can be routed via their own default gateway.
If the manually added route entries all have default metric and interface, clients will select one by the default routing rule, can’t select one of them according to clients’ own conditions. So, I am afraid that CMAK can’t implement the function which you need.
A blog described about How to configure split tunneling on VPN clients using CMAK, for your reference:
http://blogs.technet.com/b/rrasblog/archive/2007/06/11/split-tunnelling-using-cmak.aspx
Best Regards,
Eve Wang
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Support, contact [email protected]

Help needed! From Flash Professional to Edge Animate poll.

If you have used Adobe Flash Professional and Adobe Edge Animate, please answer this 12-question poll. I'm studying in a university at the moment, and to complete the assignment that I have to do, I created a simple poll to find out, how users of Flash Professional can adapt to animating in Edge Animate. I'd appreciate it alot, if you answered this poll!
https://docs.google.com/spreadsheet/viewform?formkey=dEZCdHp3SGVSOEdseEM2WG5MMk1xdUE6MQ
Thank you!

hi heldeJ,
i just filled out your poll. I'm a flash developer who is moving to edge and would be interested in seeing the results of your poll. Good luck with it!
best regards,
-sharon

Embedding audio and animation into DPS using Edge Animate CC

Hello all,
I'm using all CC programs.
I've created an animation in Edge Animate that I would like to place into my InDesign doc for DPS.
The animations match up with sound file that I've imported into my EA file. I've tried using the buzz.js script (step-by-step as per the video tutorials I saw), but to no avail.
Is there a way to place/embed the animation along with the sound for DPS?
The animation will need to be simultaneously activated by the user to play.
Thank you very much in advanced for your help—hopefully there is a solution or some sort of work-around!
lv

Would you be able to supply a link to your past messages? I'm not sure what messages you're talking about.
Also, I do not need an audio over an audio—just one that plays while an animation plays.
Would that be the same concept?
Thank you.

Commercial Project for tender : Transferring a Flash Site into Edge Animate

Hello,
anyone interesred in transferring the follwing flash site into Edge:
http://www.digimation.eu/ombkold/
The animation should exactly match the original.
If you are inerested please give me an idea what the costs would be.
Regards
Rainer

Hi ????,
what additional information do you need to assess the time you need?
Regards
Rainer

Pie chart created in edge animate changes to a square animation when imported into dps

I Have created an animated pie chart in edge animate and all works fine.
I then import into indesign and again all looks fine (even though at this stage it is a flat image) but when i export for dps and preview folio etc the animation turns from a circle to a square.
Anyone have any pointers or experinced the same problem etc?
Cheers

The top image is a screen shot from edge and what it should be like, and the bottom image is of when you preview it in dps
Also when i view this in browser via edge animate and then preview it seems fine and as you can see on the bottom image when i import the oam into indesign again it is fine but then when I come to preview my 'folio it turns the animation from a circle into a square.
Also if its any help, the animation works perfectly if exported by epubs and viewed through ibooks.
Thanks,

How to embed Adobe Edge HTML5 animations into carousel instead of images.

Is the above question possible? I cannot figure out a way to embed any of my html5 animations (created in Adobe Edge) into a carousel. I have tried creating a nested slider inside of Edge, and I have tried hard coding it, but can not figure out an appropriate solution.

Nancy,
Slideshow is now working great, but I cannot get my animations to exist within the slides themselves. I tried them inside this html but not inside the slideshow, and they work fine, but if I try to add them into the slider, nothing happens and that particular slide is simply blank. I have only tried the first one but it is not working. Here is my code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Cycle2 with Carousel Slider</title>


<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.carousel.min.js"></script>

    <script type="text/javascript" charset="utf-8" src="Infographic-1_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-3350547 { visibility:hidden; }
    </style>

<style>
.slideshow {
    width: 915px;
          height: 440px;
    margin: 0 auto;
    border: 1px solid silver;
.slideshow div {
    width: 915px;
          height: 440px;
/* slideshow pager */
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: relative;
    top: 0;
.cycle-pager span {
    font-family: arial;
    font-size: 75px;
    width: 22px;
    height: 22px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
.cycle-pager span.cycle-pager-active { color: #FF0004; }
.cycle-pager > * { cursor: pointer; }
/**End Cycle2 Carousel Styles**/
</style>
</head>
<body>
<header>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> with <a href="http://jquery.malsup.com/cycle2/demo/carousel.php">Responsive Carousel </a>Slider</h1>
</header>

<div class="slideshow"
data-cycle-pause-on-hover="true"
data-cycle-fx="carousel"
data-cycle-timeout="0"
data-cycle-pager="#pager"
data-cycle-carousel-visible="1"
data-cycle-carousel-fluid="true"
data-cycle-slides="div"
>

<div id="Stage" class="EDGE-3350547">
</div>
<div>
<p>Slide two content here...</p>
</div>
<div>
<p>Slide three content here...</p>
</div>
<div>
<p>Slide four content here...</p>
</div>

</div>

<div class="cycle-pager" id="pager">

</div>

<script>$.fn.cycle.defaults.autoSelector = '.slideshow';
</script>
</body>
</html>

Edge Animate is freeze. when open the html that contain the -webkit-animation.

Edge Animate is freeze. when open the html that contain the -webkit-animation.
This is Win8 64bit(iMac bootcamp).
process.
1.open the HTML like bellow.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>anim test</title>
<style>
    #box{
      width: 300px; height: 300px;border: solid 1px black;
      -webkit-animation: anim 2s infinite;
    @-webkit-keyframes anim {
      0% { -webkit-transform: rotateY(0deg); }
      100% { -webkit-transform: rotateY(360deg); }
</style>
</head>
<body>
<div id="box">
      box
</div>
</body>
</html>
    sample is here:http://ciruelo.jp/js/edge/anim.html
2.Edge Animate is freeze. can show animation on the stage, but can't select any menu.
   It's necessary to kill the process of Animate.
Thanks.
Ume.

Thx, robberman.
This is a simple "crash report".
so, now, I'm not in trouble for this problem.
only reported a case to freeze.
If I wanto to use "-webkit-animation" prop on my Edge Animate, I will create a class & add Class by jQuery stuff .
Best regards.
Ume.

Edge Animate - Animation durch scrolling steuern - Digital Publishing

Hallo!
Brauche dringend Hilfe..
Bin gerade dabei ein Magazin mit DPS digital zu publizieren. Hab bei meiner Recherche viele Magazine entdeckt die einen Effekt haben,
in der sich die Animation durch das scrollen mit dem Finger steuern lässt. D.h. der User kann interaktiv steuern.
(Beispielsweise in folgenden Apps: Victoria Secret, Porsche Christopherus, BMW Magazin).
Also eine Animation zu erstellen in Edge Animate ist nicht das Problem, nur welchen Code muss ich dann an welcher Stelle einfügen um diesen Effekt zu erzielen?
Bitte um Hilfe!

Mik, let me ask around and find out who built this. It may take a few days but I'll see what I can find out.
Neil

The new Edge Animate 1.5 filters being only a month old (Blur,etc)

Does anyone know when these will work with Foxfire EI, etc.? Thanks so much!

I found the anwser here:
Has the output from Edge Animate been tested to perform well on devices and desktop browsers?
Yes, the animated content created with Edge Animate is designed and tested to work reliably on iOS (iPhone and iPad) and most Android devices. Edge Animate’s stage utilizes WebKit, which means animated content is created on a true browser surface for consistency on WebKit-enabled devices. Also, content produced with Edge Animate has been tested on popular desktop browsers like Firefox, Chrome, Safari and Internet Explorer 9. For older non-HTML5 browsers such as Internet Explorer 6, 7 or 8, Edge Animate has a down-level stage to create fallback versions of your projects.
Please note that performance of animations are based on a number of factors, so it is possible to create content with less than optimal performance.

Muse CC does not display Edge Animate with Audio

I am learning to use Edge Animate. I created an animation consisting of an image of a large rock concert. I added animation to create multiple flashbulbs like you see at concerts, and placed it in Muse. Worked great! Then I went back and added audio of cheering fans. It previews fine in Animate CC, but when I place it in Muse I just get a screen with nothing on it. If I back out the animation, it shows and plays fine. What am I doing wrong?
Thanks!

Hi
Are you still facing the same issue ?
Please refer to these threads for steps that you can try :
Edge Animation not working properly
Edge Animate not working in Muse Browser Preview, But works in Edge Preview
http://tv.adobe.com/watch/learn-adobe-muse-cc/integrating-adobe-edge-animate-graphics/
Thanks,
Sanjit

Edge Animate files (.oam) won't open on Mac

I have a Muse template I purchased with Edge animations, and I have Edge Animate CC installed, but the files fail to successfully open in Edge Animate CC on my computer when I try to open or edit them. When I first tried to open the files, they weren't associated with any application, so I associated them with Edge Animate. Now if I try to open one of then it will open Edge, but the files will not open. The program opens, but the files don't. They also don't open from within the program itself. In the Finder, the File Info dialog box lists Kind as Adobe Edge Animate CC 2014.1 Document. In the preview section of the file info box it doesn't show the nice icon, it shows the Mac's plain exec icon. In the Finder, it shows the nice Adobe OAM preview with the "M" shape drawn out in paths.
I am running OS X Yosemite, 10.10.2 on an iMac Retina (Late 2014).
Steps I have tried so far:
I have uninstalled Adobe Edge Animate CC, then reinstalled
I have restarted the computer
I have repaired disk permissions
I have attempted to open with Dreamweaver (program opens, but file doesn't)
I have inspected the contents in a text editor. xml document within contains the comment: CDATA[Widget Exported from Adobe Edge]
Anybody have any ideas why I am running into problems opening the files? Thanks in advance.

I have learned that I don't need to open the .oam files, there are .an files elsewhere I need to open. I will mark my own question answered in this case.

Imported SVG from Edge Animate not rendering properly in Safari

Hi,
We are having problems with an animation we created in Edge Animate, when we import it into Adobe Muse and then view it in Safari it becomes jagged and doesn't render properly.
It works perfectly on Chrome, Firefox and when using a retina screen.
We are using CC 2014 version now, previously when we used the old version of CC it worked on all browsers.
Is there any settings we need to change when exporting from Edge or importing into Muse?
Here is the link to the Animated SVG: Spining Wheel

Thanks vivekuma that seems to work now using the below steps.
1. In "Position and Size" subsection of the property panel, note down somewhere, the values of "X", "Y", "W" & "H" of an svg file used on stage.
2. In "Transform" subsection of the property panel, change the CSS Transform ScaleX and ScaleY from 10% to 100%.
3. The above change will change the values for "X", "Y", "W" & "H". So, you have to set their values as you have noted down in the first step.
4. Repeat the first 3 steps for every svg file used on stage.

Include an interactive Youtube player in Edge Animate - Not working properly!

Hi folks!
I am working on a new project which is based on a interactive web video.
In the Edge Animate proyect I have implemented a Youtube fullscreen player which has interactivity. On the one side, in the Edge project I have included a JS which contains the definition of the Youtube player API and all its functions in order to enable the interactivity. On the other side, in the HTML which creates Edge Animate I have included the div for the player and some buttons to play and stop the Youtube video.
When I launch the website using Edge Animate everything works fine, but when I open the HTML file without Edge Animate, the Youtube player is not being defined (the player div is empty). I think the problem may be related to the external JS file in the Edge project.
I don't recognise why this external JS with the Youtube functions only load when it is launched from the Edge Animation app.
My aim is to load this project as a OAM file at the end in Wordpress with the Youtube player and its interactivity included.
Need help for this issue! Does some know how to fix it?
Conclusion:
Fullscreen animation with Youtube Player as background with some buttons in the HTML project file to play and stop the youtube video. Youtube API functions inside an external JS file and included in the Edge Animate project. Only works when the animation is launched with Edge Animate. If the HTML file is open directly, Youtube player is empty.
PD: I have attached some images in order to offer a clearer vision of this problem.

Actually yes...!
Failed to load resource: net::ERR_FILE_NOT_FOUND file://www.youtube.com/player_api
But why only when opening the HTML directly...?
There is another error...maybe this is the problem source:
Uncaught SecurityError: Blocked a frame with origin "https://www.youtube.com" from accessing a frame with origin "http://localhost:54321". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

Edge Animate and Fancybox Conflict

Hi,
I've created a nice little splash animation for my company's website, which is working nicely on it's own. Further down the page, we have a section that I'm trying to manually call fancybox galleries on. It works if I delete the Edge Preloader Script tag in the head, but as soon as I paste it back in, fancybox does not work again. I have other jquery scripts running on the page while the Edge script is active, so I don't think it's from multiple jquery calls. I'm at a loss here as it seems that getting rid of one or the other is the only solution and I hope that isn't the case.
You can see the code at: http://brilliant-graphics.com/BrilliantJune2013/
The manual fancybox call is on the 'Clients Section' on the gallery button for Peter Sculthorpe.
Brendan

Thank you very much for your answer.
When I give exported as HTML at the end of the process opened me is the page of the Google search engine, but when I go to the folder where I keep the project in HTML and give click to INDEX up the page but only see the color background page and do not see the animations I did in EDGE ANIMATE . It seems to me that it is wrong EDGE ANIMATE , because when I look for the assets folder, there are two animations I did in Edge Animate , and when I enter one of them and I click the HTML document animation , raises with defects in the animation , it lacks a number of images to the project. However, these missing pictures ARE ON THE IMAGES FOLDER . Then I went to Edge Animate to see how Edge Animate published as Web (not as oam file) and when I clicked the HTML document created by Edge Animate gives the same error as in Muse . I really do not understand what's happening because the preview of Edge Animate and the Muse preview look perfect . And I do not miss any ' error code or something.
I do not know what else to do , my knowledge of the programs is limited , perhaps , to be able to locate an solution .
I will be very grateful to all who can help me on this case.
Thank you

Html5 animation: Flash CC vs. Edge Animate?

Similar Messages

Maybe you are looking for