The new version of Tulmult’s Hype 2.x now has its own responsive layout features. However, they are a little confusing and not quite ready for production use in my humble opinion. I’ve tried creating a responsive infographic using Hype for DD Audio’s “DDZ Survival Guide” but could not get them to work reliably enough so I re-created that particular animation using tween.js. It is possible to take a hype animation and resize it dynamically using a little jQuery. This does not require you to do anything with the responsive settings.
Open up your html5 output file in a code editor and add the following lines to the head :
Then you wrap your hype container movie in this :
Make sure you change the width and height “640px” to the size of your Hype canvas.