Skip to main content
H
HermanPW
Participant
April 24, 2014
Question

html5 animation: Flash CC vs. Edge Animate?

  • April 24, 2014
  • 9 replies
  • 54600 views

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!

    This topic has been closed for replies.

    9 replies

    rezun8
    rezun8
    Inspiring
    January 28, 2016

    the IAB is currently working to have Greensock included in the standards for all online banner ads as we speak. If it gets approved greensock as well as other libraries will be able to be incorporated and not have their file sizes count against creative. Head over to both Greensock and IAB for more info on this.

    https://greensock.com/html5-banners

    just.emma
    just.emma
    Inspiring
    January 28, 2016

    Most ad serving companies already host both Greensock and CreateJS on their CDNs, and don't count them against file size for banners.

    For example:

    HTML5 Shared Libraries – Sizmek Help Center

    DoubleClick hosted JavaScript libraries - DoubleClick Creative Solutions Help

      R
      rosebudd10027515
      Inspiring
      January 28, 2016

      Doing simple animation in Flash CC Canvas/Adobe Animate is not difficult. There is zero coding required. You don't even have to do this.stop(); you can uncheck loop.

      You have motion guides, motion presets, animated masks, and lots of vector creation tools including using any font you have by breaking apart your text, and rendering it as vector data in Flash CC Canvas/Animate CC, all missing from Edge.

      W
      W_J_T
      Inspiring
      January 28, 2016

      ^ The launch of this whole thing looks rushed (even if its described as beta), the examples should be a lot more polished as it looks amateurish, pricing is questionable. Greenosock is not that hard to learn, thus why would someone need a front end to leverage it? Just my 2 cents.

      F
      fepe
      Participant
      December 4, 2015

      check this out:

      Update about Edge Tools and Services | Creative Cloud blog by Adobe

      Edge Reflow (preview), Edge Inspect and Edge Animate are no longer being actively developed

      Colin Holgate
      Colin Holgate
      Inspiring
      December 4, 2015

      It's good they use the term "flagship" with Flash Pro, that keeps it in the running for gaining Edge Animate features. But, calling it a vector animation tool only refers to half of what it's used for.

      L
      li_li_li87222
      Known Participant
      August 28, 2015

      keymobdev/phonegap-plugins · GitHub

      akashm6791515
      akashm6791515
      Participant
      July 20, 2015

      I am a Flash developer and have been working for past 6 years. Now I realized Flash is still strong for gaming and complex applications but the issue is with Flash player in Web Browsers therefore I selected to Adobe Edge to my project continuity in Web Browsers.

      Colin Holgate
      Colin Holgate
      Inspiring
      July 20, 2015

      Something changed today. Now Flash Pro is able to export SVG animation, as well as Canvas and WebGL 2D:

      Snap.svg Animator

      akashm6791515
      akashm6791515
      Participant
      July 20, 2015

      But Output doesn't support input text field.

      M
      MeisterKris
      Participant
      February 11, 2015

      Adobe Edge outputs to SVG. Flash HTML5 outputs to a canvas object.

      I haven't used the latest Edge so I haven't looked at their output code in a while. However the Flash HTML output uses Grant Skinners awesome CreateJS which is very robust for programmer. The biggest drawback of Flash HTML5 output is the text support sucks. They recommend you add your own text content via initializing a DOMElement: EaselJS v0.8.0 API Documentation : DOMElement

      Embedded texts work well in Adobe Edge.

      ----------------

      I'd take whatever Grant Skinner works on as gold for what other flash folks should transition to.

      I've been using CreateJS in some kiosk work that also was published for the web and it was awesome. We implemented scaling as CSS transform for DOMElement and canvas size for Flash output. It worked well, but is not responsive in the current sense of the responsive design.

      H
      hangojango
      Inspiring
      July 17, 2014

      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.

      H
      hangojango
      Inspiring
      July 17, 2014

      ...and if your animation is for video, Flash is the go too.

      sinious
      sinious
      Legend
      April 24, 2014

      The edge product focuses exclusively on HTML5 whereas Flash Pro is a mixture of both. If you only need HTML5 animation then you can simply use Edge products. If you ever need to create Flash SWF content then it's nice to have both packed into the larger Flash Pro product.

      The two products do differ and I imagine they will continue to do so even more in the future, with edge focusing tightly on JavaScript.

        H
        HermanPWAuthor
        Participant
        May 10, 2014

        Thanks for the answer! I've worked with both recently, and have been comparing...

        The main differences I'm noticing between Flash CC and Edge Animate:

        • Flash doesn't export as responsive html, Edge does.
        • Flash doesn't accept SVG input, Edge does.

        These two factors point to Edge as the better tool for html5 canvas animation. It's a bit unfortunate, though, as Flash is definitely the superior IDE (at least for now). Flash, of course, has all of the drawing/design tools in addition to animation tools, and is overall just a well-developed, intuitive interface. Edge, while still young & growing, surprisingly lacks a few usability tools that are common to other Adobe applications – like the spring-loaded Hand tool on spacebar press, and the Zoom tool. Feels odd not to have those.

        It would be great if Flash and Edge Animate were combined into one app!

          sinious
          sinious
          Legend
          May 11, 2014

          Never say never but all new products undergo continual updates. You should expect this for both products.

          responsive HTML is just a few lines of HTML and CSS you can always adjust yourself. I wouldn't put down the other abilities (Adobe AIR, device apps, kiosks, etc) as worthwhile for those few adjustments. Same goes for SVG. While a great format, it comes at the cost of vector processing power. Based on your needs, ultimately one item will become the biggest problem to fix. If you're crunching tons of cycles on processing SVG but save some bandwidth and gain some flexibility, that may not be worth it in the long run over bitmap.

          Your projects (and your future projects) goals are what will ultimately determine what's really better for you.

          Terms & ConditionsAccessibility statement
          Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices