MobileRead Forums - View Single Post

Thornchan · 05-08-2012, 08:45 AM

So... I'm in the biggest rut ever and this is for my bachelor degree... Are you up for a challenge?

(I know the threads on here - it says animation is not supported, etc etc)

I want to create a children's story (it's a poem with 5 pages about stress relief, a friend of mine is illustrating it) with interaction using Epub3.
The epub will be free on various platforms when done. My first direction is however towards iPad.

As long as something HAPPENS when touching different hotspots, I'm happy, BUT...

No code that embeds .svg's seems to work and spritesheet animation with css doesn't work as far as I've tried it.
I'd love to use and manipulate pixel images (jpeg/png/gif etc etc), not only vector.
Embedding a video is supposed to work, but the interface comes with it - an ugly big white "play" button, and there's no real interactivity in staring at a video playing...
The only thing so far that works in the epub3 reader I've found (AZARDI), Safari, and on iPad, is a fading rectangle:

Code:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect x="20" y="20" width="250" height="250" style="fill:blue">
<animate attributeType="CSS" attributeName="opacity" from="1" to="0" dur="5s" repeatCount="indefinite" />
</rect>
</svg>

So some manual codes work. I tried using the svg tag to insert a pixel image, but to no avail.

That said, I have also found this:
http://blog.threepress.org/2011/01/3...ok-world-2011/
But of course the code she uses is not shown, just a mild outline.

And as far as I've researched - javascript is not to be trusted and shouldn't be used? Or is there javascript that works with epub3?

Is there any code you know of using some sort of interaction or animation that actually works except that fading rectangle?

05-08-2012, 08:45 AM	#1
Thornchan Junior Member Posts: 1 Karma: 10 Join Date: May 2012 Device: iPad	Epub3 and Interactivity So... I'm in the biggest rut ever and this is for my bachelor degree... Are you up for a challenge? (I know the threads on here - it says animation is not supported, etc etc) I want to create a children's story (it's a poem with 5 pages about stress relief, a friend of mine is illustrating it) with interaction using Epub3. The epub will be free on various platforms when done. My first direction is however towards iPad. As long as something HAPPENS when touching different hotspots, I'm happy, BUT... No code that embeds .svg's seems to work and spritesheet animation with css doesn't work as far as I've tried it. I'd love to use and manipulate pixel images (jpeg/png/gif etc etc), not only vector. Embedding a video is supposed to work, but the interface comes with it - an ugly big white "play" button, and there's no real interactivity in staring at a video playing... The only thing so far that works in the epub3 reader I've found (AZARDI), Safari, and on iPad, is a fading rectangle: Code: <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <rect x="20" y="20" width="250" height="250" style="fill:blue"> <animate attributeType="CSS" attributeName="opacity" from="1" to="0" dur="5s" repeatCount="indefinite" /> </rect> </svg> So some manual codes work. I tried using the svg tag to insert a pixel image, but to no avail. That said, I have also found this: http://blog.threepress.org/2011/01/3...ok-world-2011/ But of course the code she uses is not shown, just a mild outline. And as far as I've researched - javascript is not to be trusted and shouldn't be used? Or is there javascript that works with epub3? Is there any code you know of using some sort of interaction or animation that actually works except that fading rectangle? Last edited by Thornchan; 05-08-2012 at 09:07 AM.