View Full Version : creating animations for an ebook with sencha

21 Nov 2011, 6:38 AM
Hello everybody,
I am trying to make animations for an ebook.
i have just downloaded the trial version of sencha, and would like to ask a few questions:
1. can i make the entire ebook with this program?
2. can the animation i create be interactive to touch?
3. if this program is olnly suitable to make the animations, how do i insert them into the text file? with what program?

thank you for your time.

21 Nov 2011, 9:14 AM
What frameworks/products/versions are you using so I can move this to the appropriate forum?

22 Nov 2011, 6:49 AM
the truth is i am new at this.
my boss asked me to make an ebook for him and he insisted i make one that is compattible with Android, blackberry, iphonand smart phons in general... and that it should be in html5.
i have very little experiance with html5 and have downloaded your sencha animator trial version (which we will purchase).
if you could please tell me if i should use sencha animator or sencha touch. and how to start building an interactive ebook with your program, i would be most grateful.
thank you for your help.

22 Nov 2011, 6:55 AM
Sencha Animator will help if you need animations in a component, not really transitions which I assume that is what you were expecting. Yes, Sencha Touch will be what you should use as it support iOS, Android 2,3 and BB6,7 all needing touch capabilities.

What kind of layout are you wanting? A Carousel type?

22 Nov 2011, 7:04 AM
i think that a Carousel layout would be great.
what we initialy thought doing was to creat swf animations and inserting tham into a pdf file. but since flash is "dead" and most smartphons refuse to read it, your program seemes like the best solution for me, as a graphic designer.
could i do the same thing with the animations that sencha touche makes? or do i have to build the entire text page on sencha touch along with the interactive animations?

22 Nov 2011, 7:46 AM
is sencha touch for mac only? or does it have a windows version?
my boss doesnt use mac.

22 Nov 2011, 7:47 AM
You may want to look into Designer 2. In the 2 release, it supports Sencha Touch and will help you get the ball rolling. A Carousel is very easy to set up but each page or card will probably have it's own layout or design and that's where Designer 2 will most likely help you out.

Transitions between cards, we have some built and it's not for the faint of heart to add new ones. Animations within each page or card can be easily done. I usually create some CSS rules to do animations and then just add or remove the CSS names on elements I want to animation. This is where Animator may help you but I would strongly urge you to do a lot of homework on CSS3 animations so you can understand what is going on. The reason I say do it in CSS and not just apply styles within JavaScript as it is more maintainable to do things in CSS than to hunt around in your JS code to change something. Plus, you can reuse CSS code as you can add CSS names onto as many elements as you wish.

Side note, I would urge you to use Sencha Touch 2. We are currently in the developer preview stage and there are some bugs or features missing but the performance of Sencha Touch 2 over Sencha Touch 1 is astronomical.

22 Nov 2011, 7:49 AM
is sencha touch for mac only? or does it have a windows version?
my boss doesnt use mac.

Ok... for web stuff, you don't install it. It runs on a browser which has to be a webkit browser (chrome and safari) which both have a mac and windows version.

22 Nov 2011, 8:00 AM
Thank you for your time and patience.
i will start working on it.
and if it's ok with you, i will contact you if i have any more questions.
thank you very much.

22 Dec 2011, 5:42 PM
A word of caution. Best to confirm your animations will perform as required in the browser of Android tablets, if that's what you're using, as soon as possible. We use CSS3 animations extensively, and have found that they are simply non-functional on the Kindle Fire, a primary target. Checking Nook and fear the same. Believe it has to do with lack of support for 3D transforms in the webkit implementation.<br><br>If animation is key and you need to deliver in the relatively near future, better do some testing.