![Game Developer Logo Game Developer Logo](https://eu-images.contentstack.com/v3/assets/blt740a130ae3c5d529/bltb8149045ecc9add6/664670498df30a26f54d5ed4/GDBlogs_Logo_FINAL.png?width=700&auto=webp&quality=80&disable=upscale)
Featured Blog | This community-written post highlights the best of what the game industry has to offer. Read more like it on the Game Developer Blogs or learn how to Submit Your Own Blog Post
More Than Movements: Solving Animation Problems
Common animation problems in mobile game development and finding practical solutions to improve quality.
July 30, 2024
![](https://eu-images.contentstack.com/v3/assets/blt740a130ae3c5d529/blt32746022a5f49287/66a16ecc5cc53e363ccee726/pexels-abby-chung-371167-1109393.jpg?width=1280&auto=webp&quality=95&format=jpg&disable=upscale)
IMPROVING ANIMATION: WHAT TO FOCUS ON
Working on projects across different genres, I've noticed common patterns in mistakes. In this article, I would like to discuss the characteristics of these mistakes and their solutions. Each of the points below is briefly described, as ideally, it's best to elaborate on them in separate articles.
Clear Workflow Pipeline: Harder, Better, Faster, Stronger
Let's start with the basics. To avoid problems in working with animation, it's necessary to follow a clear structure, exemplified by character animation:
Preparation. Study the character's backstory, personality, and stylistic features. If possible, discuss the character's poses with the Art Director or Art Team Lead, having prepared a couple of thumbnails or sketches beforehand. A plus of this stage is that it can be done quite quickly. I highly recommend recording yourself on video to understand the transitions between poses. I also usually ask my colleagues or friends to act out the situation I need to animate. Trust me, you can get the most unexpected variants! New to my process, I've started using AI tools for finding pose ideas. It looks quite unusual, but you can glean many unconventional ideas.
Basic Blocking. Create the character's poses, turning off all additional elements (hair, clothing elements, etc.). Use stepped interpolation: we don't work on in-between frames. Don't settle on one version, make at least three variants of the key pose based on it and discuss with the art manager. The main thing is not to forget to rely on references from the preparation stage! The silhouette must be clear.
Blocking Plus. Add breakdowns between keyframes, create entry and exit into poses. Work on arcs, create poses preparing for action. Arrange the keys in such a way that the timing is appropriate. Still no interpolation!
Splines. Only when all poses have been approved by the art manager or lead animator, can start using interpolation. Actively work with the graph editor, adjust the curves. Control the timing. Start with the main parts of the body (pelvis, upper body), gradually moving to smaller parts. Important: it's worth returning to the blocking stage to check yourself. Sometimes at the spline stage, the scene's dynamics can be lost, becoming too fast or too slow.
Polishing and Export. Only at this stage do we add overlaps to hair, clothing, and other parts. Until this stage, it's best to turn off additional elements.
It's very important: in animation, good preparation accounts for 60-70 percent of the work. There's always the temptation to rely on your experience and skip this stage, but it hinders professional development and the quality of your work.
![1.gif 1.gif](https://eu-images.contentstack.com/v3/assets/blt740a130ae3c5d529/blt29c6403a3c958d20/66a16800ac541761dc903709/1.gif?width=700&auto=webp&quality=80&disable=upscale)
An animator's work is like an assembly line: we create animations gradually, adhering to each step of the process, while still maintaining a creative approach and originality in every detail. Animation by Xavier Degraux.
I often see animators immediately working with interpolation, merging the blocking and spline stages. This approach is not recommended as it increases development time. It will then become difficult to make adjustments to poses after feedback and edit timing. There's also a high likelihood that the animation's idea will be lost. However, there are undoubtedly situations when one can directly move to splines. For example, when working on a character's basic idle breathing animation.
28 Animation Principles
Many are familiar with Disney's 12 principles of animation, yet today, 28 animation principles are considered relevant. It's not about the number; we don't aim to add as many principles as possible to complicate our work. On the contrary, these laws and rules simplify our daily routine significantly. The classical 12 principles of Disney are somewhat general and encompass a wide array of aspects. For example, solid drawing initially implied excellent drawing skills and an understanding of anatomy. However, with so many technical approaches, genres, and styles available now, this principle sounds too general. That's why many principles have been further divided and specified.
![2.jpeg 2.jpeg](https://eu-images.contentstack.com/v3/assets/blt740a130ae3c5d529/bltf29f858c340dfe16/66a16a9ab1f54963f33d2b68/2.jpeg?width=700&auto=webp&quality=80&disable=upscale)
The list of animation principles can vary depending on the project or genre. However, in my opinion, this list is most optimal at the moment. The animation principles applied are based on materials from the book 'Drawn to Life' by Walt Stanchfield, Don Hahn.
The most crucial aspect when working with animation principles is a sense of balance. Such skill is developed only with experience and exposure. For instance, a sign of poor and unbalanced animation is the incorrect interpretation of the squash and stretch principle. Sometimes animators simply scale the main bone of the character, resulting in the character turning into jelly. And more often than not, the animator argues, "But it's such an animation principle, I did everything right!" It's important to understand that these principles originated in the era of classical hand-drawn animation, where animators meticulously worked on the compression and stretching of muscles.
In our time, when working with skeletal animation, it is crucial to consider how changes to one bone affect the entire body of the character. Compressing the root bone leads to an unnatural effect. Tip: do not compress bones by more than 20%. Take into account the anatomy of the character, its bones, and muscles.
The topic of animation principles is so vast that it deserves a separate discussion, enriched with examples and illustrations. Below is an image that demonstrates both classical and modern principles, allowing for a deeper understanding of their significance and application in various aspects of animation.
Body Mechanics, Weight, and Anatomy: Imbalance in Posture and Collisions with Invisible Walls
When animating characters, especially stylized ones, it's essential to consider anatomical plausibility and the laws of physics. Even the most fantastical character has an internal structure and mechanics that must be acknowledged for the animation to be convincing. For instance, overlooking the weight of a stylized character's large head can render its movements implausible and shatter the illusion of a living being.
IMPROVING ANIMATION: WHAT TO FOCUS ON
I continue to uncover the characteristics of errors in animation and discuss their solutions.
Acting
Character poses need to be simpler, and the silhouette cleaner. Trying to fit too many actions into one animation often results in unclear character performance. A parallel can be drawn with painting. A limited palette offers a balanced result, unlike using all colors in one piece.
In animation, it's the same: we need to focus on a few key poses that clearly show the character's state. This is especially important in the dynamics of gameplay in mobile games, where the player doesn't have time to scrutinize a bunch of small, chaotic movements. Each pose must be instantly readable.
![5.jpeg 5.jpeg](https://eu-images.contentstack.com/v3/assets/blt740a130ae3c5d529/blt7db0c31bc435ad87/66a16b33b8ec6f1d3c60921e/5.jpeg?width=700&auto=webp&quality=80&disable=upscale)
To make a character come alive on screen, you need to become them.
Additional details (clothing elements, hair, etc.) don't tell the story. As viewers, we focus on the character's poses and facial expressions. We are not interested in how beautifully a feather on a pirate's hat moved. Instead, we want to know the character's motivation, what drives them. Sometimes animators get too caught up in micro-movements, forgetting about the essence of the animation task.
Speaking of character acting, I must mention one of the strangest errors - "crazy eyes." I don't know why, but often animators don't adjust the eyelids of characters, leaving them in their initial position. As a result, we have complete madness in the character's look in the simplest emotions. To avoid this, you need to use the eyelids, covering the iris when there is no need to show emotional excitement.
![6.jpeg 6.jpeg](https://eu-images.contentstack.com/v3/assets/blt740a130ae3c5d529/blt039f2ea2112ab389/66a16b76f5f26debc51feb55/6.jpeg?width=700&auto=webp&quality=80&disable=upscale)
The gaze on the left is the basic position in the character rig. Often, beginner animators leave the eyes in such a position, even if the task is to make a calm idle cycle (without surprise). On the right, however, controllers are used to create a neutral look.
Graph Editor and Interpolation
The Graph Editor in animation is a tool that allows animators to precisely control the motion and timing of animations through a visual representation of animation curves or graphs. Each curve represents the change of a parameter (such as position, rotation, or scale) of a character or object over time, providing the animator with full control over the nuances of movement.
When I first started my career as an animator, the sight of the graph editor intimidated me. The interface indeed looks like a vast mathematical machine, and it seems impossible to understand this endless array of lines. However, if you spend time to figure it out, the graph editor becomes your best friend. Thanks to the graph editor, we can work with the dynamics and timing of the animation, making movements more vivid.
I can understand animation without even looking at it directly, just by looking at the graph editor. It's like reading music notes by a musician who can capture the rhythm and mood of the composition without hearing its sound. The graph editor reveals the inner mechanics of animation just as notes express the essence of a melody.
![7.jpeg 7.jpeg](https://eu-images.contentstack.com/v3/assets/blt740a130ae3c5d529/blt3c2943bb7d18f5a0/66a16b9cd398d27019d6149c/7.jpeg?width=700&auto=webp&quality=80&disable=upscale)
Visual graphs on the timeline show the dynamics of changes between keyframes. Each controller has parameters for movement, rotations, and scale. As much as one might like to deny it, creativity sometimes hides a clear mathematical structure.
Feedback
Feedback is extremely valuable. If an animation segment is truly important for gameplay, discuss it with colleagues from other departments or friends (in case the project is not under NDA). In this case, we don't need a professional perspective on the work, but it's important to understand if the animation works, if it evokes the desired emotion. And if outsiders say they didn't catch the meaning, it's definitely worth listening. The problem may lie in inaccurate poses or chaotic timing. Understand that everyone receives feedback, even the top senior specialists with 20 years of experience. Creating a game is a team effort, and it's important for us to come to a consensus.
Too beautiful animation is not a guarantee of gameplay success or a game feature. Everything must be balanced. Therefore, feedback within the work is needed precisely to find the golden mean between the specialist's skills and the project's goals.
When I give feedback, I always start with the positives. It's important for me to highlight what is done well to preserve and enhance this in further works. But discussing the work's flaws does not aim to demean or offend another person. Making mistakes is normal! Everyone has their strengths and weaknesses.
Interesting fact: in many companies where animation production is streamlined, there are limits on the number of iterations. For example, if an animator receives feedback on a piece of work more than four times, the task is passed to another person.
Tolerance for Imperfections
It may sound a bit strange, but sometimes many aspects are beyond our control. We can't make everything perfect in a game. Here, I can give an example from 3D animations. A common situation is when transitions between animations are made through blending poses, resulting in characters' legs sliding, bones breaking, and other unpleasant issues. Of course, we could create additional animations for pose transitions, but it would significantly complicate the production process.
Another great example of tolerance for imperfections is facial animations in triple-A games with a lot of dialogues. Unfortunately, there currently isn't a technology that would allow making facial animations in each dialogue artistically appealing. Therefore, we often see stone-faced characters, sometimes their emotions don't match the situation at all. I'm a big fan of BioWare games, but sometimes it's hard not to laugh!
![8.jpeg 8.jpeg](https://eu-images.contentstack.com/v3/assets/blt740a130ae3c5d529/blt6caaefef9e442a69/66a16bf53c879c2c3d5b6bce/8.jpeg?width=700&auto=webp&quality=80&disable=upscale)
Mass Effect is an excellent game with a fantastic storyline, but the characters are sometimes utterly devoid of emotions.
Below, I have provided the main tips that I consider the most important when working with animations.
Tips
The only key to success is a comprehensive approach and a holistic attitude towards your work. Never view your animation in isolation from others! The style and mood of the game are important.
Take breaks and rest. The longer you work without breaks, the more you will have to redo later.
It's important to praise yourself and find positives in your work. I adhere to the rule that every task should be done as well as possible, but it's also important to remember your mental health. If something doesn't work out, it's a valuable experience!
Never be afraid to start over! The worst thing is to cling to your work and not let it go. If you feel something is wrong, go back to the blocking stage.
Turn off all unnecessary elements when you start working with a character. You shouldn't be distracted by hair, clothing, or other accessories. Think of animation in layers, starting with the large elements and ending with the small details.
The graph editor is your main ally. Pay attention to the curves and avoid sharp breaks. I often notice that sometimes the issues are exactly in the curves. The poses might be good, but spoiled interpolation kills the smoothness of the movements.
Value references. Record yourself on video, act out in front of a mirror, use databases of photos, drawings, AI tools.
If you need to explain your animation, what exactly is happening with the character, then there are problems. As mentioned earlier, the player needs to instantly catch the emotion.Personally, creating sequential versions of one animation and switching between them helps me a lot. This way, I see progress and can track what moments I might have missed during the work process.
The attractiveness of the character model should complement the animations, not do all the work. I often observe a false impression when the model is beautiful, but the animation is unclear.
In the next part of the article, I will talk more about business processes and the specifics of animation development within a project.
![3.jpeg 3.jpeg](https://eu-images.contentstack.com/v3/assets/blt740a130ae3c5d529/blt3236c8f61e8224f5/66a16c2fd1554abf2c0344bb/3.jpeg?width=700&auto=webp&quality=80&disable=upscale)
Hello Kitty is a great example of stylization. With such a model, it's crucial to understand how the character will move.
Regarding body mechanics, the most common issue arises when characters move without considering the skeleton, muscles, and physics as a whole. It's particularly frustrating when a 3D model or 2D drawing of a character looks attractive, but abrupt animation destroys this impression. In my view, this often occurs because animators neglect the reference gathering stage. However, there can also be cases where the animator's experience is insufficient, leading to an incorrect analysis of references. It's also vital not to forget to monitor the mechanics of movement in the main body parts, such as the pelvis and upper body. The character should not fall, remember the balance, and the action line must be clear.
![4.jpeg 4.jpeg](https://eu-images.contentstack.com/v3/assets/blt740a130ae3c5d529/bltb2a199a7e13e9050/66a16cad81714152b7d8a5c5/4.jpeg?width=700&auto=webp&quality=80&disable=upscale)
The picture from the book “How to Draw Cartoons in Action for Comics and Animation”
On Moving Holds. The principles of moving holds and inertia remind us that an object's movement doesn't stop instantly after a force is applied; it gradually fades or changes depending on the scenario. It's crucial to finely tune curves in animation software to ensure the animation aligns with physical laws, rather than being constrained by preset splines. In some 2D animation styles, moving hold is overlooked (for example, Tom and Jerry), but in 3D animation, it's a mandatory condition (unless you're working on ‘Hotel Transylvania’ ;).
A deep understanding of anatomy is an indispensable tool for animators. Studying X-rays and video can significantly enrich your understanding of how the human skeleton moves. Such knowledge is especially valuable when animating arm lifts or other actions where it's crucial to realistically reflect the interaction of different body parts.
About the Author
You May Also Like