Curve animation with Sencha Animator
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.
Example, created with Vectorian Giotto, curve animation
Here an example what function I want in Sencha Animator:
Is it possible to do the same in Sencha Animator?
Thank you for your help.
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'
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:
Is it possibel so make a animation with the butterfly similar to that animation done with Hippo-Animator?
Thank you and best regards
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
Moved the thread to Help & Discussion as most of it deals with existing features rather than missing ones.
Tags for this Thread