14 Replies Latest reply: Feb 2, 2014 1:01 PM by TxRushFan RSS

    Reflow and Edge Animate work together?

    _mcd

      I'm struggling a bit to see how Reflow and Edge Animate might work together.

       

      I'm thinking of how Reflow could make a timeline based interactive project responsive.

      For example, one like this, by Paul Trani ..

      http://www.youtube.com/watch?v=JvJjQvis36s

        • 1. Re: Reflow and Edge Animate work together?
          joan_lafferty Employee Hosts

          The integration point that we have discussed is allowing the import of Edge Animate content into your Reflow designs. Other than that, no other integration points have been discussed. If you have others you are thinking about, please suggest them.

          • 2. Re: Reflow and Edge Animate work together?
            Booreiland Community Member

            Hi,

             

            would it be possible to create a interactive prototype either in reflow or with reflow and animate together?

            • 3. Re: Reflow and Edge Animate work together?
              joan_lafferty Employee Hosts

              You can create a prototype of a responsive layout in Reflow and see how your layout will respond at various device sizes. At the moment, Reflow doesn't have the ability to use assets created in Animate. But, this is something that has been tested and discussed.

               

              The design that you create in Reflow can be previewed in Chrome via the menu item View-> Preview in Chrome. This will open up the html in Chrome and show you your design. The html and css will be placed in your Reflow project directory in an 'assets' directory. If you want to add interactivity to the design, you can take the html and css into your favorite text editor and add Javascript from there.

               

              I hope this answers your question.

              Joan

              • 4. Re: Reflow and Edge Animate work together?
                rossfranks Community Member

                A new Reflow user here so I apologise for my ignorance.

                 

                So if I get this right Reflow is great for showing or creating very basic sites and how they could look in different screen sizes, but if things like animation or custom interactivity (eg drop and drag) were needed in those sites then Reflow wouldn't be able to accomodate those at the moment?

                 

                What I'm thinking in a prefect world would be to merge Reflow into Edge so that you can export your site out and still have a few different versions of it exported out at the same time.

                 

                Or have I missed something?

                 

                Thanks in advance.

                • 5. Re: Reflow and Edge Animate work together?
                  rossfranks Community Member

                  Here's what I was after...

                   

                  http://www.edgedocks.com/content/flexible-layouts-using-adobe-edge-animate-and-edge-common s-library

                   

                  Hope this gets integrated into Edge in the future.

                  • 6. Re: Reflow and Edge Animate work together?
                    _mcd Community Member

                    I'd be interested to know how anyone has got on with Edge Commons for a responsive project.

                    Seems to me that having a different container for each screen size you'd have to duplicate all your code?

                     

                    Possible alternative approach ..?

                    The stage itself can be resized with height & width keyframes.

                    So why not have different labelled zones along the main timeline.

                    Then have an onResize check of H&W, followed by a sym.stopAt("landscape_1024x768")

                    or a  sym.stopAt("portrait_600x800"), for example.

                     

                    That way many objects can be shared objects, along the timeline, with keyframes used to change their size / position for each zone as necessary.

                     

                    If anyone has an example of this I'd be interested in seeing it.

                    TIA.

                    • 8. Re: Reflow and Edge Animate work together?
                      CoreyRLucier Adobe Employee

                      So currently Reflow is a tool focused on designers to express a page "design" that is more fluid than something they would throw together in say Photoshop.

                       

                      Obviously as the tool evolves it will become more featureful and can expand to more general use cases and more interactivity but that is not currently the focus.

                      • 9. Re: Reflow and Edge Animate work together?
                        mungmeister

                        I think I am missing something. How do you use Reflow to create a prototype? Like adding intereactivity, linking to pages, buttons with various states. Similar to Muse. Where is the site map feature? How to you create multiple pages?

                        • 10. Re: Reflow and Edge Animate work together?
                          rossfranks Community Member

                          Hey mungmeister,

                           

                          I don't think that's it's purpose atm. It maybe in the future but not right now.

                           

                          It's just a basic program to show how a client's site could look (ie a mockup) on different screen size devices.

                           

                          I dunno how many designers are actually using it for that purpose and I wonder if Adobe have any data on that too (not just on how many people are downloading the software).

                           

                          But I'm with you, ie in the future I'd love to see it produce fully functional websites that rescale and adjust to appropriate screen sizes and my biggest wish is that they can make Edge the same where I can have an animation that has buttons which can be shifted around depending on the users screen sizes.

                           

                          Lets see what happens in June with the updates.

                          • 12. Re: Reflow and Edge Animate work together?
                            ON2 Interactive Community Member

                            I honestly don't understand how these guys ( http://macaw.co ) can beat Adobe at this game... I want to continue to love Reflow, it is obvious folks want the tool ( Reflow ) to do more than just prototyping RWD, don't tell me the clever engineers at Adobe can't do far more than what 2 guys at Macaw are doing. Its shameful! We need Reflow to do what Macaw does and more... Please Reflow Team! Snap out of this elementary comments about Reflow is for prototyping only without being able to use hours of work for much of anything, you guys can make Reflow do everything folks on this forum are expecting. Publish the code as production code into any editor, Dreamweaver integration for starters. Add interactivity for crying out loud right within the tool, navigation and what have you, Integration with Edge Animate and third party frameworks... I am confused why these are not being implemented, I mean you guys are gurus at doing these kinds of stuff, what gives eh?

                             

                            Maybe you guys should go back and look at Flash Catalyst, that could very be the blue print for Reflow, please!

                             

                            I have used Adobe tools for donkey years going back and beyond the days of Macromedia, ( Where is Kevin Lynch? ) today I feel like there's no clear direction as to what many of the apps CC are supposed to do and do well. Seems like most of them just lost their mojo... Half glass empty apps, can't do this here, can't do this there... Please! Rather than having all these pieces of apps, why not take them and make something awesome in one package? For example Muse, Dreamweaver and Reflow could be one app for everyone designers and coders... Man!

                            • 13. Re: Reflow and Edge Animate work together?
                              Seth Walker Adobe Employee

                              Thanks for the feedback, it's appreciated!

                               

                              We are soon (next few weeks) coming out with a new release that is getting Reflow a little closer to what you want. It's coming out soon, so please take a look and let us know if we're getting better.

                               

                              We know we've got a long ways to go to get the kinds of features you mentioned. The new release will address some, but not all. Sad, I know. But we're working on it with every release.

                              • 14. Re: Reflow and Edge Animate work together?
                                TxRushFan

                                Great link! This explains everything and thus whipes away the fog of confusion I feared would only get worse before it got better! Bookmarked for reference.  Thanks Balero98.