In this video, I explain how to use responsive layout to make your animation work across different devices and screen sizes. First, I create a new responsive project having three breakpoints (equivalent to four layouts) (00:37). Then, in the base layout, I make the page adapt to the container size changes (02:02). Later on, in the next video, I’ll open each responsive layout and override properties and animations, creating different sets of styles which fit different layouts.
There is one important note for you: Responsive layout lets you change only properties and animations. It doesn’t give you a way to add or remove content. You can work around this limitation by hiding elements until you want them to appear (03:31).
Tutorial: https://atomisystems.com/html5-animation/building-html5-animation-responsive-layout/
Building Responsive HTML5 (Part 2): https://www.youtube.com/watch?v=_3Xk0alntNA
——————————————————————————–
Saola Animate – The ultimate tool to create HTML5 animation for web
Home: https://atomisystems.com/saola-animate/
Community: https://talk.atomisystems.com/c/saola-animate
source