Animation et export. Sur l'exemple du jeu intraveineux. Partie 1

Une histoire sur la façon de le faire n'en vaut pas la peine. Ou comment je me suis épuisé deux fois au travail

Aujourd'hui, je souhaite partager mon expérience dans la création d'animations pour les personnages et leur mise en œuvre dans le jeu. Naturellement, du point de vue d'un artiste. Chaque commande qui arrive à mon courrier est très différente de la précédente, à bien des égards, et ce n'est pas la première fois que je travaille sur quelque chose de nouveau.





Mais c'est cet ordre qui m'a amené à penser qu'une telle expérience vaut la peine d'être partagée. Pour que ceux qui ne connaissent pas la sphère sachent comment fonctionne la cuisine interne, et les collègues, comment ne pas le faire et pourquoi. De plus, la perspective Top-Down est spécifique et il n'y a pratiquement pas de matériaux dessus. Quand j'ai commencé à travailler, je n'avais aucune expérience de la perspective descendante, sauf pour le jeu, qui a alimenté mon intérêt.





J'espère que cette lecture sera, sinon intéressante, du moins informative.






Promo-art pour le projet
Promo-art pour le projet

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



: Love2D

// : Adobe Photoshop ( :) )

: Pixel art





Steam, : Intravenous





Capture d'écran des versions antérieures
Capture d'écran de la version démo
-

( - ), , , . .



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

, , . , , .. " " .






Enter The Gungeon est un bon exemple de perspective 3/4
Enter The Gungeon - 3/4

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





Croquis de personnages pour maîtriser la perspective descendante
top-down

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

.



"Top-Down" (-) - , .

: GTA 1/2, Darkwood, Hotline Miami






Croquis de personnages en pixels

( : /) ( ). , , .





Les premières tentatives d'animation dans une perspective descendante
top-down

:





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





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





  • 5 (, , , , );





  • , ;





  • ;





  • Idle ;





  • ;





  • ;





Plan d'animation

:





  • ;





  • ;





  • ;





  • 2 ;





  • ;





  • ;





Couper.  Habile.
. .

, 3 ( !), :



- ; ( , )

- ; (, )

- ; (, )





Couper.  Peu habile.
. .

3 :



- ;

- ;

- ;



, :

- ;

- ();





Couper.  Absolument inepte.
. .

200+. .. , .



2 ( ), . , , .

, , , , .





, , : , , ..

, , .






Animation de chute et de montée

:



- ;

- ;

- ;

- ;

- (/);

-
/ ();



.






2 .





1:





  • - ();





  • ( );





  • ;





Pixel art avec animation squelettique
Pixel art

+ ;

+ , , , ;

- ;



, : Garage: Bad Trip.

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





2:





  • ( );





  • (PSD/GIF );





  • ;





Feuille de calcul Hotline Miami Character
Spritesheet Hotline Miami

+ ;

+ ;

- ;

- ;

- , ;



: Hotline Miami





, 2 . ?

:





  • ( Love2D);





  • ( );





  • ( spritesheets);





  • ;





.





  • , ;





  • Le développement d'outils d'animation n'a pas du tout été envisagé, car il était raisonnable de jeter ces forces sur l'éditeur de niveau intégré (éditeur de niveau) et le développement de l'IA (intelligence artificielle) des ennemis;







Découpage des cadres d'animation et de l'emballage
Découpage des cadres d'animation et de l'emballage

Suite dans la partie 2.








All Articles