Skip to main content
franciscog47374926
Known Participant
September 3, 2018
Question

Responsive layout

  • September 3, 2018
  • 2 replies
  • 246 views

Hi,

I have an HTML5 Canvas with a layout. This content will also be shown on mobile phones so, is it possible to apply a different layout when the content is viewed on a mobile ,like you could do it with css?

This topic has been closed for replies.

2 replies

Legend
September 4, 2018

franciscog47374926  wrote

I have an HTML5 Canvas with a layout. This content will also be shown on mobile phones so, is it possible to apply a different layout when the content is viewed on a mobile ,like you could do it with css?

Of course it's possible. You have full programmatic control over the canvas layout and full access to the browser JavaScript environment.

But will Animate do it for you automatically or even semi-automatically? No. The "responsive" in the publish settings is just scaling. Adobe isn't using that word to mean what the rest of the world uses it to mean. If you want any sort of real responsive layout you'll have to roll it yourself from scratch.

Known Participant
September 3, 2018

Hey there

I have no solutions for this discussion, but wanted to add that I am also interested in this area of development with Animate CC. There are plenty of resources online showing how to use Animate CC  as an HTML5 canvas, animate within it, add interactivity, and publish, but not a lot of information on how to use CSS on your canvas effectively afterwards. It would be great to see more information on taking the canvas beyond what is published natively out of Animate CC.