1. #1
    Sencha User
    Join Date
    Apr 2013
    Posts
    3
    Vote Rating
    0
    sencha-wilerk is on a distinguished road

      0  

    Default Curve animation with Sencha Animator

    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.

  2. #2
    Sencha User
    Join Date
    Apr 2013
    Posts
    3
    Vote Rating
    0
    sencha-wilerk is on a distinguished road

      0  

    Default Example, created with Vectorian Giotto, curve animation

    Example, created with Vectorian Giotto, curve animation


    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

  3. #3
    Sencha - Architect Dev Team
    Join Date
    Apr 2012
    Posts
    263
    Vote Rating
    23
    miro.bojic will become famous soon enough miro.bojic will become famous soon enough

      0  

    Default


    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'

  4. #4
    Sencha User
    Join Date
    Apr 2013
    Posts
    3
    Vote Rating
    0
    sencha-wilerk is on a distinguished road

      0  

    Default


    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

  5. #5
    Sencha - Architect Dev Team
    Join Date
    Apr 2012
    Posts
    263
    Vote Rating
    23
    miro.bojic will become famous soon enough miro.bojic will become famous soon enough

      0  

    Default


    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

  6. #6
    Sencha - Architect Dev Team
    Join Date
    Apr 2012
    Posts
    263
    Vote Rating
    23
    miro.bojic will become famous soon enough miro.bojic will become famous soon enough

      0  

    Default


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

Thread Participants: 1

Tags for this Thread