CODEWITHSUNDEEP
appceleratorappcelerator-titanium
hypermails
hypermails

Reputation: 746

how to animate images in appcelerator (3D animate)

I am trying figure out how to create this effect LINK

This is how amazon shows a book and make it animate a little to show it as a book.

I can setup an image ; make it spin etc - but I am not clear on how to make that image give a 3D effect on touch.

example:

enter image description here

on click if it became like so..

enter image description here

I understand from a prevous post that I can create 2 images and on click replace one with second.

IS there a way to use use the animate function to do the same ?

thanks

Upvotes: 0

Views: 172

Answers (2)

miga
miga

Reputation: 4055

Have a look at this module: https://github.com/AppWerft/TiFlipViewControler

It's not exactly the same but perhaps you can change it to get your look

Upvotes: 0

Prashant Saini
Prashant Saini

Reputation: 3539

See this http://www.learningtitanium.com/mobile-api/ios/titanium-tilt-effect-using-3dmatrix.html.

It will definitely help you, just try to use different axis(y-axis probably will solve your problem) to get the correct rotation angle.

Upvotes: 0

Related Questions