One of the things that always bothers me about Adobe’s “Publish Online” is how vector images are rasterized during upload. Thin lines become clunky and fat and nice clean vector images are fuzzy on HiDPI displays. I’m not entirely sure why SVG files are not supported since it seems like a pretty universal file format. Anyway, in order to work around this restriction I figured I would embed a Hype animation into an InDesign document using SVG images and exported as an OAM file. I started working on a business letterhead with simple animation across the top…
I imported the animation into InDesign and had some problems getting it to fit and size properly. I used the pinning and sizing features within Hype but the animation floated or simply refused to adjust to different screen widths. My “solution" was to make the animation the same size as the InDesign page (612px x 792px) even though it is only a fraction of that larger size. I set the pinning and sizing as shown. Here are the problems:
While it seems to work fine on a desktop screen at a larger size, it starts to fall apart when the viewport is resized. The animation doesn’t want to adjust properly to the new, smaller size.
The animation does not work at all on a mobile iOS device. (Oddly, the “CREATIVE CLUB” type appears, but nothing else.)
I’m curious hear anyone else’s experiences with Hype animations within InDesign and using Publish Online. Are there any “tips and tricks” to getting things to stay put? Is there a way to “hack” an OAM file so that it plays on a mobile device? I was reading about a method in this forum, but it pertained to an EPUB document. Thanks!