Help me with simple sprite animation ideas please!

Discussion in 'Animations' started by o44, Oct 3, 2016.

  1. o44

    o44 Newbie

    Joined:
    Oct 3, 2016
    Messages:
    5
    Likes Received:
    3
    Hi all,

    I'm completely new to animation and I'd like to ask for your advice.

    I'm working on a game where I would use the following sprites:

    [​IMG] [​IMG] [​IMG] [​IMG]

    I will need to create the following animations:

    1. yellow dotted block turns into orange dotted block
    2. orange dotted block turns into red dotted block
    3. red dotted block turns into completely red block
    4. red dotted block disappears or explodes or something
    5. completely red block disappears or explodes or something

    I already created some animations for them but they are not too good and I would like to create something better.

    If you have experience in animation please help me with a few ideas how would you animate these transitions.

    Thank you all in advance.
     
  2. Shulkle

    Shulkle Still the worst fight maker
    Retired Staff

    Joined:
    Jan 7, 2016
    Messages:
    638
    Likes Received:
    1,147
    Location:
    On a computer
    Animation Rank:
    Gold | 124
    Welcome to Maplemation~ Kinda expected you do post first in introductions, but oh well. Also this kind of post belongs here: http://maplemation.com/forums/help.66/

    I guess I'll go drop some ideas, in addition to the process.
    1) You could have 2 Orange dots behind the Yellow Dot, and tween them to the positions of the 2nd block. The Yellow block could follow the path of one of the orange dots, or split if half, and fade away. You could have the Yellow Dot fade away using the alpha tool once you convert it to a symbol. Play around with the easing on the tweens once you've tweened the Orange and Yellow Dots.

    2) Uhm...You could have the dots spin and fade away, while making the Red dots fade in. Again, play with the easing on the tweens.
    3) Make the Red dots expand until they cover up the dice possibly. Or simply have a red block fade in.
    4) Same deal, spin until they completely fade away, or go grab an explosion sprite on top of it.
    5) Yeah I got no better ideas aside from alpha and spin tweening.

    Hope this sorta helped, if you're new, I suggest taking a look at the 12 principles of animation. No idea if you're planning to touch actual sprites or not, so I'd only suggest looking at only the first 4 videos of Spritefan2's tuts. https://www.youtube.com/playlist?list=PLyWhaHHT7cPlS4eYaQwQJtuipaxY_yrUw

    Enjoy your stay, and why not say stuff about yourself here: http://maplemation.com/forums/introductions.6/

    Edit: Oh right, you couldn't see the help section since this was your first post. :T Meh, hopefully an admin would move this. Git sniped Kvn huehue
     
    o44 likes this.
  3. Kvn11

    Kvn11 revived?

    Joined:
    Jan 1, 2016
    Messages:
    107
    Likes Received:
    154
    Location:
    revived?
    How bout you start with an introduction first? Ya know, introduce yourself and whatnot.
    Also, as a future reference, you should post threads like these in the help forum.

    Anyhow, if you're having trouble with animating, you should, like, join our Discord server. plz join it
    You can also pm me if you want help on animating.

    Oh yeah, if you already have animations for your transitions, you can post them here.
    We can critique them to help you improve them, ya know?
     
    #3 Kvn11, Oct 3, 2016
    Last edited: Oct 3, 2016
    o44 likes this.
  4. Scidnewl

    Scidnewl Guest

    I mean those aren't really considered sprites (I think?). But I can try to throw some ideas your way.

    1. Yellow dot splits into two and spins around turning orange while doing so, once the spin is done they rest as the orange dotted block.
    2. Orange dots ooze out another one similar to the way this card multiplies. They turn red during that animation and take the form of the red dotted block.
    3. I think the red circles could form one bit red circle that slowly covers the entire block.
    4. The red circles start cracking around them and burst from the block, spinning around and shooting off the screen.
    5. The red block glows twice then could split in two and fly upwards, leaving the screen.

    Not too sure if any of these are actual good ideas or not, but hey, good luck with this project friendo!
     
    o44 likes this.
  5. Ainn

    Ainn ↻ Lord of the Seven Trashbags
    YouTube Contributor

    Joined:
    Mar 17, 2011
    Messages:
    242
    Likes Received:
    620
    Location:
    Mushroom Kingdom
    I ended up just making it for you. They can also be made available as SWF, ASE or PNG files. If you want a lower frame rate, just let me know. You can download them at http://sta.sh/2ia2pgc5rnk

    [​IMG]
     
    Blez, o44, Kvn11 and 3 others like this.
  6. NarwhaI

    NarwhaI "The Jedi of The Sea"

    Joined:
    May 15, 2014
    Messages:
    32
    Likes Received:
    50
    Animation Rank:
    1
    [​IMG]
     
    Seth and Shulkle like this.
  7. o44

    o44 Newbie

    Joined:
    Oct 3, 2016
    Messages:
    5
    Likes Received:
    3
    Thank you all for the ideas, and also sorry that I didn't post this to the help forum and not posting to introduction beforehand, I'll fix that right away.

    @Ainn, may I ask what program did you use to create this animation, or which program would be the best to create such animations?

    I really like how to circles turn oval while moving which makes the movement much more dynamic. Is there an exact method to this when they should turn oval and how wide should they get compared to their speed?

    Also, do you have any ideas for animating how the 3 dotted block should disappear when it doesn't turn into a completely red block?

    Here are my original animations, but they look very lame:
    [​IMG]