12 Replies Latest reply: Jun 18, 2012 10:25 AM by Bob Bringhurst - Adobe RSS

    Flash CS6 to HTML5 or Edge for animations

    BHPforum

      Hello

       

      I am downloading the new Flash Professional to export my animations to html5 for my iPad publication using DPS.

       

      I have a little knowledge of flash so would prefer to build my animation there and then export to html5 BUT is this any good or is it just for basic animation?

       

      Do you think I should spend my time training myself in Adobe Edge?

       

      Many thanks

      Gemma

        • 1. Re: Flash CS6 to HTML5 or Edge for animations
          BobLevine UGM-MVPs

          Depends on what you want to do. Edge is pretty simple to use and I’d start there before trying to tackle a monster like Flash.

           

           

           

          Bob

          • 2. Re: Flash CS6 to HTML5 or Edge for animations
            Laubender MVP

            @Gemma – do you rely on ActionScript when using Flash CS6? I wonder, if it would be possible to transform ActionScript to HTML by exporting to HTML 5 with Flash CS6.

             

            Uwe

            • 4. Re: Flash CS6 to HTML5 or Edge for animations
              Laubender MVP

              Thank you, Bob Bringhurst. Sounds very promissing…

              Though no ActionScript mentioned by the presenter, it is explicitly mentioned in the "About this episode" description. I'll give that a try to revive some of my Flash skills. Will try a bit ActionScript3 as well.

               

              Thank's again!

               

              Uwe

              • 5. Re: Flash CS6 to HTML5 or Edge for animations
                Neil Enns - Adobe Adobe Employee

                In previous topics where this has come up, people have found Adobe Edge a quicker path to HTML5 for DPS than working in Flash. Especially for folks that once a while back used Flash, but haven't recently.

                 

                I suggest downloading it and giving it a try: http://www.adobe.com/products/edge.html?promoid=JAYKR

                 

                Neil

                • 6. Re: Flash CS6 to HTML5 or Edge for animations
                  Laubender MVP

                  @Neil – that is true, if you like to work with ordinary stage elements. The case of using ActionScript3 is a different one.

                  Correct me if I'm wrong, but Edge seems to have no scripting engine available. I'll try out the Flash CS6 route and will report my findings…

                   

                  @Gemma – What do you say?

                   

                  Uwe

                  • 7. Re: Flash CS6 to HTML5 or Edge for animations
                    Bob Bringhurst - Adobe Adobe Employee

                    Keep in mind that HTML5 content you export from Flash Pro doesn't always work in mobile Safari and/or DPS. You'll definitely want to test it in DPS. Let us know how it goes.

                    • 8. Re: Flash CS6 to HTML5 or Edge for animations
                      Neil Enns - Adobe Adobe Employee

                      JavaScript is the scripting engine in Edge, since Edge produces HTML5+Javascript. As of preview 6 there is a code panel available to edit JavaScript directly.

                       

                      Neil

                      • 9. Re: Flash CS6 to HTML5 or Edge for animations
                        mobly Community Member

                        Edge looks an amazing program, if a bit daunting with what it can do, you can certainly script with it using javascript and css styles are very cool. But it's not for the faint hearted, so most indesign designers wont like it at all, other wise they would probably be web designers!

                        I would not advise using flash to create your html though, not unless it is incredibly basic, you will be creating clunkyness within clunkyness! No disrespect to DPS but its not ObjectiveC.

                        • 10. Re: Flash CS6 to HTML5 or Edge for animations
                          Laubender MVP

                          @Bob Bringhurst – Thank you for clarification. I will have a look at both applications with their present feature set.

                          About FLASH:
                          My expectations with Flash CS6 exporting to HTML is not very high regarding ActionScript3. But I will give it a try over the summer.

                           

                          But possibly there are other benefits without using much of ActionScript3: animated typography with fonts you need not thinking about licencing for the web, because you will either package them in a way nobody could extract them (unlikely with HTML export, but possible with SWF) or transform them to graphic lines (outlines) before export.

                           

                          About EDGE: is it guaranteed that every output I'll create with EDGE is running in mobile Safari?

                          Is it possible to import InDesign contents to EDGE? If not, is it on the roadmap? (I'll better ask that on the EDGE forums)

                          Sidenote:

                          That is one of the great benefits of Flash: you could use InDesign contents exporting to XFL (InDesign CS4/Flash CS4) or even to FLA (InDesign CS5.5/Flash CS5.5, InDesign CS6/Flash CS6.

                           

                          @Mobly – I'm well aware that you could do amazing things with ObjectiveC, but I fear programming in ObjectiveC is above my head. The learning curve is very steep and it would be easier for me to refresh my ActionScript3 skills (if my tests are running well) than diving deep into ObjectiveC.

                           

                          About clunkyness: let's see how my tests will work out…

                          And don't forget: time will work on our side if you think of how the development will go with faster hardware and better OS design on the tablet side!
                          I'm optimistic to see faster machines and better rendering engines for vector graphics very soon. Especially PDF based folios would benefit on that.

                           

                          @Neil – JavaScript is indeed the scripting engine in Edge. I'll check, if there is a way for scripting the application itself.

                           

                          But let's go to work. I will find a week or so over the summer to test that out.
                          In this regard you'll hear from me.

                           

                          Uwe

                          • 11. Re: Flash CS6 to HTML5 or Edge for animations
                            BHPforum Community Member

                            Ya I'm going to go with Edge I think! I tested a few flash files on Friday and the animation will only work if very basic. I will only be working on basic animations anyway – building pie charts and tables for an Annual Report but I can't have any problems as we have a tight deadline.

                             

                            As Uwe stated above though I have created all my elements in Indesign and I can't just export to XFL I will have to save all my elements as png's and bring them into Edge one by one! So slooowww!!

                             

                            Cheers

                            Gemma

                            • 12. Re: Flash CS6 to HTML5 or Edge for animations
                              Bob Bringhurst - Adobe Adobe Employee

                              No, it's not guaranteed that Edge content will work properly in DPS. You'll definitely want to test it in a folio. However, Edge content seems to work much better in DPS than Flash/CreateJS does. I would use Flash/CreateJS only if I have existing Flash content that I want to export, or if I have a native InDesign animation to repurpose. For new animations, Edge is an excellent way to go. If you haven't used Edge before, it includes some built-in getting started tutorials.