Animation and export. On the example of the game Intravenous. Part 1

A tale of how to do it is not worth it. Or how I burned out twice at work

Today I want to share my experience in making animations for characters and implementing them into the game. Naturally, from the standpoint of an artist. Each order that comes to my mail is strikingly different from the previous one, in many aspects, and it is not the first time for me to work on something new.





But, it was this order that prompted me to think that such an experience is worth sharing. So that those who are not familiar with the sphere know how the internal kitchen works, and colleagues, how not to do it and why. In addition, the Top-Down perspective is specific and there are practically no materials on it. When I started working, I had no experience with a top-down perspective, except for the game, which fueled my interest.





I hope this reading will be, if not interesting, then at least informative.






Promo-art for the project
Promo-art for the project

: Top Down Stealth - Action ( Splinter Cell Hotline Miami).



: Love2D

// : Adobe Photoshop ( :) )

: Pixel art





Steam, : Intravenous





Screenshot from earlier versions
Screenshot from the demo version
-

( - ), , , . .



UI (/), , , , , , , promo-art.

, , . , , .. " " .






Enter The Gungeon is a good example of 3/4 perspective
Enter The Gungeon - 3/4

, "top-down" - , , , 3/4.





Character sketches for mastering the top-down perspective
top-down

, , - / " " .. "Top-Down".

.



"Top-Down" (-) - , .

: GTA 1/2, Darkwood, Hotline Miami






Character sketches in pixels

( : /) ( ). , , .





The first attempts of animation in a top-down perspective
top-down

:





  • 5 (, , MP5, UZI, AK103, M4);





  • 5 (Glock19, HS2000, P89, SW457, VP9);





  • 5 (, , , , );





  • , ;





  • ;





  • Idle ;





  • ;





  • ;





Animation outline

:





  • ;





  • ;





  • ;





  • 2 ;





  • ;





  • ;





Cutoff.  Skillful.
. .

, 3 ( !), :



- ; ( , )

- ; (, )

- ; (, )





Cutoff.  Unskillful.
. .

3 :



- ;

- ;

- ;



, :

- ;

- ();





Cutoff.  Absolutely inept.
. .

200+. .. , .



2 ( ), . , , .

, , , , .





, , : , , ..

, , .






Fall and rise animation

:



- ;

- ;

- ;

- ;

- (/);

-
/ ();



.






2 .





1:





  • - ();





  • ( );





  • ;





Pixel art with skeletal animation
Pixel art

+ ;

+ , , , ;

- ;



, : Garage: Bad Trip.

( , Pixel-art , , ) ("-" - !)





2:





  • ( );





  • (PSD/GIF );





  • ;





Hotline Miami Character Spritesheet
Spritesheet Hotline Miami

+ ;

+ ;

- ;

- ;

- , ;



: Hotline Miami





, 2 . ?

:





  • ( Love2D);





  • ( );





  • ( spritesheets);





  • ;





.





  • , ;





  • The development of animation tools was not considered at all, since it was reasonable to throw these forces on the built-in level-editor (level editor) and the development of AI (artificial intelligence) of enemies;







Trimming animation frames and packaging
Trimming animation frames and packaging

Continued in part 2.








All Articles