Animação e exportação. No exemplo do jogo Intravenous. Parte 1

Uma história de como fazer não vale a pena. Ou como eu queimei duas vezes no trabalho

Hoje quero compartilhar minha experiência em fazer animações para personagens e implementá-las no jogo. Naturalmente, do ponto de vista de um artista. Cada pedido que chega ao meu correio é muito diferente do anterior, em muitos aspectos, e não é a primeira vez que trabalho em algo novo.





Mas foi essa ordem que me levou a pensar que vale a pena compartilhar essa experiência. Para que quem não conhece a esfera saiba como funciona a cozinha interna, e colegas, como não o fazer e porquê. Além disso, a perspectiva Top-Down é específica e praticamente não há materiais nela. Quando comecei a trabalhar, não tinha experiência com a perspectiva de cima para baixo, exceto pelo jogo, que despertou meu interesse.





Espero que esta leitura seja, se não interessante, pelo menos informativa.






Arte promocional para o projeto
Arte promocional para o projeto

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



: Love2D

// : Adobe Photoshop ( :) )

: Pixel art





Steam, : Intravenous





Captura de tela de versões anteriores
Captura de tela da versão demo
-

( - ), , , . .



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

, , . , , .. " " .






Enter The Gungeon é um bom exemplo de perspectiva 3/4
Enter The Gungeon - 3/4

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





Esboços de personagens para dominar a perspectiva de cima para baixo
top-down

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

.



"Top-Down" (-) - , .

: GTA 1/2, Darkwood, Hotline Miami






Desenhos de personagens em pixels

( : /) ( ). , , .





As primeiras tentativas de animação em uma perspectiva de cima para baixo
top-down

:





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





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





  • 5 (, , , , );





  • , ;





  • ;





  • Idle ;





  • ;





  • ;





Esboço de animação

:





  • ;





  • ;





  • ;





  • 2 ;





  • ;





  • ;





Cortar.  Hábil.
. .

, 3 ( !), :



- ; ( , )

- ; (, )

- ; (, )





Cortar.  Inábil.
. .

3 :



- ;

- ;

- ;



, :

- ;

- ();





Cortar.  Absolutamente inepto.
. .

200+. .. , .



2 ( ), . , , .

, , , , .





, , : , , ..

, , .






Animação de queda e ascensão

:



- ;

- ;

- ;

- ;

- (/);

-
/ ();



.






2 .





1:





  • - ();





  • ( );





  • ;





Pixel art com animação esquelética
Pixel art

+ ;

+ , , , ;

- ;



, : Garage: Bad Trip.

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





2:





  • ( );





  • (PSD/GIF );





  • ;





Hotline Miami Character Spritesheet
Spritesheet Hotline Miami

+ ;

+ ;

- ;

- ;

- , ;



: Hotline Miami





, 2 . ?

:





  • ( Love2D);





  • ( );





  • ( spritesheets);





  • ;





.





  • , ;





  • O desenvolvimento de ferramentas de animação não foi considerado de todo, uma vez que era razoável lançar essas forças no editor de níveis embutido (editor de níveis) e no desenvolvimento de IA (inteligência artificial) de inimigos;







Cortando frames de animação e embalagens
Cortando frames de animação e embalagens

Continua na parte 2.








All Articles