Positioning Responsive

[robococ]

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

[ClayUUID · Accepted solution]

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]

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

[Petr_Tarasov]

repositioning of elements on event resize

as writen above