Curve animation with Sencha Animator

[sencha-wilerk]

Sorry my English is so lala ... because I'm German

Is it possible to draw a curve with 3 points and move the middle point to animate a mouth like loughing or crying?

Thank you so much for your help.

[sencha-wilerk]

Here an example what function I want in Sencha Animator:
http://youtu.be/3Jub8MpVU4w

Is it possible to do the same in Sencha Animator?

Thank you for your help.

Best regards

Wilfried

[miro.bojic]

While this is not possible in Animator, you could draw an element styled as a half-circle and then scale it vertically to achieve the same effect as in your video. I've created a little project demonstrating it - you can get it on github here: https://github.com/mbojic/example_mouth

If you don't use github, you can click 'Download ZIP'

[sencha-wilerk]

Thank you so much.
O.k. I understand, at the moment it's impossible to animate a curve like I want with moving one point on a bsplinecurve.

What do you think, could this be a feature for future software devolopment of the Sencha Animator?

At the moment I compare Data-Becker A5 Animator, Hippo Animator, Adobe-Edge and Sencha Animator.

What about using sprites in animations like this:
http://www.youtube.com/watch?v=oD-gXvsUcgo

Is it possibel so make a animation with the butterfly similar to that animation done with Hippo-Animator?

Thank you and best regards

Wilfried

[miro.bojic]

Animator is based on CSS3 animations, and giving that bezier curves cannot be created as HTML elements currently, this is not a feature that will be added any time soon. Bezier, and other curves can be drawn inside a SVG element, however CSS3 would apply only to the container SVG element, and not to the inner elements.

As for butterfly - absolutely! You can create exact same animation with Animator, following basically the same steps. I created a quick project with a butterfly fluttering around - you can find it here: https://github.com/mbojic/example_buttefly

[miro.bojic]

Moved the thread to Help & Discussion as most of it deals with existing features rather than missing ones.