{"author_link":"\/users\/thomas-bringer","author_name":"Thomas_Bringer","author_uid":"thomas-bringer","comments":[],"epoch":1728898625,"event":"LD56","format":"md","ldjam_node_id":406011,"likes":13,"metadata":{"p_key":"209140","p_author":"Thomas_Bringer","p_authorkey":"1108317","p_urlkey":"447513","p_title":"How I make simple, yet satisfying animations!","p_cat":"LDJam ","p_event":"LD56","p_time":"1728898625","p_likes":"13","p_comments":"0","p_status":"WAYBACK","us_key":"1108317","us_name":"Game-mon","us_username":"game-mon","event_start":"1728000000","event_key":"115","event_name":"Ludum Dare 56"},"node":{"_collation":{"body_sanitizer":"TextUtils::SanitizeHTML via existing importer","event":"LD56","removed_author":false},"_superparent":395186,"_trust":5,"author":108317,"body":"I'm no animation expert, but when animating my mushroom for my game [Snail away](https:\/\/ldjam.com\/events\/ludum-dare\/56\/snail-away), I tried to follow some animation principles:\n\n- Exaggeration: you can see the stretching of the mushroom being greatly exaggerated\n\n- Squash and stretch: the volume of the object should stay consistent, so when stretching one axis, the other axis should squash.\n\n![snailshroom.gif](\/\/\/raw\/d17\/a1\/z\/68cd9.gif)\n\nYou can see how just using 3 keyframes, I was able to make a simple but very satisfying animation, adding quite a bit of game juice. Here's also how it looks in-game:\n\n![snailshroomgame.gif](\/\/\/raw\/d17\/a1\/z\/68cda.gif)\n\n### And of course you can always [play the game in your browser!](https:\/\/ldjam.com\/events\/ludum-dare\/56\/snail-away)","comments":6,"comments-timestamp":"2024-10-14T13:38:13Z","created":"2024-10-14T09:29:52Z","files":[],"files-timestamp":0,"id":406011,"love":13,"love-timestamp":"2024-10-14T21:30:09Z","meta":[],"modified":"2024-10-14T21:30:09Z","name":"How I make simple, yet satisfying animations!","node-timestamp":"2024-10-14T09:37:05Z","parent":395249,"parents":[1,5,9,395186,395249],"path":"\/events\/ludum-dare\/56\/snail-away\/how-i-make-simple-yet-satisfying-animations","published":"2024-10-14T09:37:05Z","scope":"public","slug":"how-i-make-simple-yet-satisfying-animations","subsubtype":"","subtype":"","type":"post","version":1276470},"node_metadata":{"n_key":"406011","n_urlkey":"447513","n_parent":"395249","n_path":"\/events\/ludum-dare\/56\/snail-away\/how-i-make-simple-yet-satisfying-animations","n_slug":"how-i-make-simple-yet-satisfying","n_type":"post","n_subtype":"","n_subsubtype":"","n_author":"108317","n_created":"1728898192","n_modified":"1728941409","n_version":"1276470","n_status":"WAYBACK"},"source_url":"https:\/\/ldjam.com\/events\/ludum-dare\/56\/snail-away\/how-i-make-simple-yet-satisfying-animations","text":"I'm no animation expert, but when animating my mushroom for my game [Snail away](https:\/\/ldjam.com\/events\/ludum-dare\/56\/snail-away), I tried to follow some animation principles:\n\n- Exaggeration: you can see the stretching of the mushroom being greatly exaggerated\n\n- Squash and stretch: the volume of the object should stay consistent, so when stretching one axis, the other axis should squash.\n\n![snailshroom.gif](\/\/\/raw\/d17\/a1\/z\/68cd9.gif)\n\nYou can see how just using 3 keyframes, I was able to make a simple but very satisfying animation, adding quite a bit of game juice. Here's also how it looks in-game:\n\n![snailshroomgame.gif](\/\/\/raw\/d17\/a1\/z\/68cda.gif)\n\n### And of course you can always [play the game in your browser!](https:\/\/ldjam.com\/events\/ludum-dare\/56\/snail-away)","title":"How I make simple, yet satisfying animations!","wayback_source":[]}