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](https://habrastorage.org/getpro/habr/upload_files/64c/92e/b4a/64c92eb4a0328cbf3a9cc6d4cc27d515.png)
: Top Down Stealth - Action ( Splinter Cell Hotline Miami).
: Love2D
// : Adobe Photoshop ( :) )
: Pixel art
Steam, : Intravenous
![Screenshot from earlier versions Screenshot from earlier versions](https://habrastorage.org/getpro/habr/upload_files/57c/b8c/13e/57cb8c13e514b691fcc0a50663ab9a35.png)
![Screenshot from the demo version Screenshot from the demo version](https://habrastorage.org/getpro/habr/upload_files/f4a/47f/ce6/f4a47fce606c7aee07dad5ffe13ee089.jpg)
( - ), , , . .
UI (/), , , , , , , promo-art.
, , . , , .. " " .
![Enter The Gungeon is a good example of 3/4 perspective Enter The Gungeon is a good example of 3/4 perspective](https://habrastorage.org/getpro/habr/upload_files/2b5/7f8/1ff/2b57f81ffd4b5708c4f43c014236aa5f.jpg)
, "top-down" - , , , 3/4.
![Character sketches for mastering the top-down perspective Character sketches for mastering the top-down perspective](https://habrastorage.org/getpro/habr/upload_files/fab/36c/6f9/fab36c6f938b5ac2864915d33230efde.png)
, , - / " " .. "Top-Down".
.
"Top-Down" (-) - , .
: GTA 1/2, Darkwood, Hotline Miami
![Character sketches in pixels Character sketches in pixels](https://habrastorage.org/getpro/habr/upload_files/844/d13/c4d/844d13c4dfc6d9a369a2e3e7f93a0697.png)
( : /) ( ). , , .
![The first attempts of animation in a top-down perspective The first attempts of animation in a top-down perspective](https://habrastorage.org/getpro/habr/upload_files/e15/e75/92d/e15e7592d6703413b01ff97b7cf0a02c.gif)
:
5 (, , MP5, UZI, AK103, M4);
5 (Glock19, HS2000, P89, SW457, VP9);
5 (, , , , );
, ;
;
Idle ;
;
;
![Animation outline Animation outline](https://habrastorage.org/getpro/habr/upload_files/5f4/6b5/69a/5f46b569acf3a63d7a3e15d9dfb94090.gif)
:
;
;
;
2 ;
;
;
![Cutoff. Skillful. Cutoff. Skillful.](https://habrastorage.org/getpro/habr/upload_files/a58/c06/2ae/a58c062ae1c5c484e79a88a29649512d.gif)
, 3 ( !), :
- ; ( , )
- ; (, )
- ; (, )
![Cutoff. Unskillful. Cutoff. Unskillful.](https://habrastorage.org/getpro/habr/upload_files/d43/c79/aab/d43c79aab5af1255aea535b2d6f87396.gif)
3 :
- ;
- ;
- ;
, :
- ;
- ();
![Cutoff. Absolutely inept. Cutoff. Absolutely inept.](https://habrastorage.org/getpro/habr/upload_files/7ae/1d9/bd9/7ae1d9bd9dac30486bc04457520c2947.gif)
200+. .. , .
2 ( ), . , , .
, , , , .
, , : , , ..
, , .
![Fall and rise animation Fall and rise animation](https://habrastorage.org/getpro/habr/upload_files/824/082/80e/82408280ea78b12c4c63c0b4e2c8b3f9.gif)
:
- ;
- ;
- ;
- ;
- (/);
- / ();
.
2 .
1:
- ();
( );
;
![Pixel art with skeletal animation Pixel art with skeletal animation](https://habrastorage.org/getpro/habr/upload_files/df9/496/587/df94965876a1ffb8453782235f4806eb.gif)
+ ;
+ , , , ;
- ;
, : Garage: Bad Trip.
( , Pixel-art , , ) ("-" - !)
2:
( );
(PSD/GIF );
;
![Hotline Miami Character Spritesheet Hotline Miami Character Spritesheet](https://habrastorage.org/getpro/habr/upload_files/3b8/928/038/3b8928038df81f25b3c53254b3fcc479.png)
+ ;
+ ;
- ;
- ;
- , ;
: 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](https://habrastorage.org/getpro/habr/upload_files/aea/bc7/50e/aeabc750e8d620e2af45e3f10b4b4693.png)
Continued in part 2.