I got a very simple HTML5 text animation that moves from left to right. It works fine on Chrome and I can see it works on the desktop viewer but when i view it on Ipad, it just fades in instead of moving from left to right. Anything that I have missed?
Check out Terry Whites adobeTV podcast called "Go from Indesign CS5.5 to HTML5." Animation from indesign isn't supported on the iPad. So if you export your animation as an SWF, and then use Wallaby to convert it to HTML, you can the place it back into your document as web content. Then it should work on the iPad like a charm.
Your right, FLA not SWF. I'm not a big flash user, mostly print and HTML. If the animation is that simple, could you rebuild in indesign, and then use Wallaby? I have had good success with that process. A simple slide in from left to right is pretty easy, its a preset in the animation panel.
ok, I tried to use Indesign to do the same simple text animation. again it works on Chrome and desktop viewer but not in my iPAD. It's weird as I tried it the last 2 days using the same method and it was working fine but now it's not working.
I'm not sure, though I admit I have been having some problems the last few days after updating to v19.
You did export the Indesign animation to an fla and convert with wallaby right? If you did I have a feeling we are hitting some of the growing pains associated with such rapid software development.
Try using a different animation effect, or creating the effect in a different way. For example, instead of using "Fly in from left," create a simple motion path that flies the object in from the left. See if that works.
Not all HTML is supported in mobile Safari, and not all HTML that's supported in mobile Safari is supported in DPS. Whenever you use Wallaby or Edge or other tools to create HTML, you need to make sure that it works (a) in mobile Safari and (b) in a DPS folio.
ok, this is something strange. When i tried to use a shape in Indesign and use the exact preset effect (Fly in from left) then it works on Ipad but as soon as I change it to a text (using Arial rounded bold) then it's not working so I suspect it doesn't support certain fonts??
I noticed the same. If you use "fly in from ... " then it just appears. But when you use "move left" or "move right" it has no problems. Very weird. I tried this with outlined text and still the "move in from ..."- animation presets didn't work. They just fade in, that's all.
I also noticed that it's better you name your web content HTML file differently everytime you want to test the new animation so that it will reflect the new changes otherwise it will play the same old file and you will not realise that it's still the old file you are testing. The tried the following and it worked.
1) Convert the text into outline and export it to FLA
2) Convert the FLA by Wallaby to a different file name
3) Delete the existing web content container, recreate a new web content container and reinsert the new HTML file(different file name).