Animation und Export. Am Beispiel des Spiels Intravenous. Teil 1

Eine Geschichte darüber, wie es geht, ist es nicht wert. Oder wie ich zweimal bei der Arbeit ausgebrannt bin

Heute möchte ich meine Erfahrungen mit dem Erstellen von Animationen für Charaktere und deren Implementierung in das Spiel teilen. Natürlich aus der Sicht eines Künstlers. Jede Bestellung, die zu meiner Post kommt, unterscheidet sich in vielen Aspekten deutlich von der vorherigen, und es ist nicht das erste Mal, dass ich an etwas Neuem arbeite.





Aber es war dieser Befehl, der mich zu der Annahme veranlasste, dass es sich lohnt, eine solche Erfahrung zu teilen. Damit diejenigen, die mit der Sphäre nicht vertraut sind, wissen, wie die interne Küche funktioniert, und Kollegen, wie man es nicht macht und warum. Darüber hinaus ist die Top-Down-Perspektive spezifisch und es sind praktisch keine Materialien darauf. Als ich anfing zu arbeiten, hatte ich keine Erfahrung mit einer Top-Down-Perspektive, außer dem Spiel, das mein Interesse weckte.





Ich hoffe, dass diese Lektüre, wenn auch nicht interessant, zumindest informativ ist.






Promo-Kunst für das Projekt
Promo-Kunst für das Projekt

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



: Love2D

// : Adobe Photoshop ( :) )

: Pixel art





Steam, : Intravenous





Screenshot aus früheren Versionen
Screenshot von der Demoversion
-

( - ), , , . .



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

, , . , , .. " " .






Enter The Gungeon ist ein gutes Beispiel für eine 3/4 Perspektive
Enter The Gungeon - 3/4

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





Charakterskizzen zur Beherrschung der Top-Down-Perspektive
top-down

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

.



"Top-Down" (-) - , .

: GTA 1/2, Darkwood, Hotline Miami






Zeichenskizzen in Pixel

( : /) ( ). , , .





Die ersten Animationsversuche von oben nach unten
top-down

:





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





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





  • 5 (, , , , );





  • , ;





  • ;





  • Idle ;





  • ;





  • ;





Animationsskizze

:





  • ;





  • ;





  • ;





  • 2 ;





  • ;





  • ;





Abgeschnitten.  Geschickt.
. .

, 3 ( !), :



- ; ( , )

- ; (, )

- ; (, )





Abgeschnitten.  Ungeschickt.
. .

3 :



- ;

- ;

- ;



, :

- ;

- ();





Abgeschnitten.  Absolut unfähig.
. .

200+. .. , .



2 ( ), . , , .

, , , , .





, , : , , ..

, , .






Fall- und Aufstiegsanimation

:



- ;

- ;

- ;

- ;

- (/);

-
/ ();



.






2 .





1:





  • - ();





  • ( );





  • ;





Pixelkunst mit Skelettanimation
Pixel art

+ ;

+ , , , ;

- ;



, : Garage: Bad Trip.

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





2:





  • ( );





  • (PSD/GIF );





  • ;





Hotline Miami Character Spritesheet
Spritesheet Hotline Miami

+ ;

+ ;

- ;

- ;

- , ;



: Hotline Miami





, 2 . ?

:





  • ( Love2D);





  • ( );





  • ( spritesheets);





  • ;





.





  • , ;





  • Die Entwicklung von Animationswerkzeugen wurde seitdem überhaupt nicht berücksichtigt Es war vernünftig, diese Kräfte auf den eingebauten Level-Editor (Level-Editor) und die Entwicklung der KI (künstliche Intelligenz) von Feinden zu werfen.







Zuschneiden von Animationsrahmen und Verpackung
Zuschneiden von Animationsrahmen und Verpackung

Fortsetzung in Teil 2.








All Articles