Skip to main content
robococ
robococ
Participating Frequently
February 16, 2017
Answered

Positioning Responsive

  • February 16, 2017
  • 2 replies
  • 348 views

Hi,

I wanna create a page with adobe animate cc that can be responsive on Desktop/Tablet/Mobile. I dont know how can I make it done. Can anyone help me on this ?

The page should be like this in Desktop mode:

and looks like the below in Mobile and Tablets.

the fla files can be download from here:  WeTransfer

Can anyone Fix the Fla or give the same source , so I could know how it works.

Thanks

    This topic has been closed for replies.
    Correct answer ClayUUID

    Something like this is possible, but it won't be easy. Flash/Animate has always been designed around the concept of a fixed-size stage, like Powerpoint, Premiere, After Effects, etc. Responsive layout can be done (real responsive, not the scaling that Animate calls responsive in the publish settings), but you'll have to roll it yourself by manually monitoring the window size, then resizing the stage and repositioning things the way you want. This should get you started:

    window.addEventListener("resize", checkSize);

    function checkSize() {

        console.log(window.innerWidth + ", " + window.innerHeight);

    }

    2 replies

    P
    Petr_Tarasov
    Known Participant
    February 16, 2017

    repositioning of elements on event resize

    as writen above

      C
      ClayUUIDCorrect answer
      Legend
      February 16, 2017

      Something like this is possible, but it won't be easy. Flash/Animate has always been designed around the concept of a fixed-size stage, like Powerpoint, Premiere, After Effects, etc. Responsive layout can be done (real responsive, not the scaling that Animate calls responsive in the publish settings), but you'll have to roll it yourself by manually monitoring the window size, then resizing the stage and repositioning things the way you want. This should get you started:

      window.addEventListener("resize", checkSize);

      function checkSize() {

          console.log(window.innerWidth + ", " + window.innerHeight);

      }

        robococ
        robococAuthor
        Participating Frequently
        February 18, 2017

        Thanks, but I need an FLA source so I could do the same for my project. Finally, I wanna embed this to a site.

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