Animasi dan ekspor. Pada contoh game Intravenous. Bagian 1

Sebuah kisah tentang bagaimana melakukannya tidak sepadan. Atau bagaimana saya kelelahan dua kali di tempat kerja

Hari ini saya ingin membagikan pengalaman saya dalam membuat animasi untuk karakter dan mengimplementasikannya ke dalam game. Tentu, dari sudut pandang seorang seniman. Setiap pesanan yang masuk ke email saya sangat berbeda dari yang sebelumnya, dalam banyak aspek, dan ini bukan pertama kalinya saya mengerjakan sesuatu yang baru.





Tetapi, perintah inilah yang mendorong saya untuk berpikir bahwa pengalaman seperti itu layak untuk dibagikan. Sehingga mereka yang belum terbiasa dengan bidang tersebut mengetahui bagaimana dapur internal bekerja, dan rekan kerja, bagaimana tidak melakukannya dan mengapa. Selain itu, perspektif Top-Down bersifat spesifik dan praktis tidak ada materi di dalamnya. Ketika saya mulai bekerja, saya tidak memiliki pengalaman dengan perspektif top-down, kecuali game, yang memicu minat saya.





Saya harap bacaan ini, jika tidak menarik, setidaknya informatif.






Promo-art untuk proyek tersebut
Promo-art untuk proyek tersebut

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



: Love2D

// : Adobe Photoshop ( :) )

: Pixel art





Steam, : Intravenous





Tangkapan layar dari versi sebelumnya
Tangkapan layar dari versi demo
-

( - ), , , . .



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

, , . , , .. " " .






Enter The Gungeon adalah contoh bagus dari 3/4 perspektif
Enter The Gungeon - 3/4

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





Sketsa karakter untuk menguasai perspektif top-down
top-down

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

.



"Top-Down" (-) - , .

: GTA 1/2, Darkwood, Hotline Miami






Sketsa karakter dalam piksel

( : /) ( ). , , .





Upaya animasi pertama dalam perspektif top-down
top-down

:





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





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





  • 5 (, , , , );





  • , ;





  • ;





  • Idle ;





  • ;





  • ;





Garis besar animasi

:





  • ;





  • ;





  • ;





  • 2 ;





  • ;





  • ;





Memotong.  Mahir.
. .

, 3 ( !), :



- ; ( , )

- ; (, )

- ; (, )





Memotong.  Tidak terampil.
. .

3 :



- ;

- ;

- ;



, :

- ;

- ();





Memotong.  Benar-benar tidak kompeten.
. .

200+. .. , .



2 ( ), . , , .

, , , , .





, , : , , ..

, , .






Animasi jatuh dan bangkit

:



- ;

- ;

- ;

- ;

- (/);

-
/ ();



.






2 .





1:





  • - ();





  • ( );





  • ;





Seni piksel dengan animasi kerangka
Pixel art

+ ;

+ , , , ;

- ;



, : Garage: Bad Trip.

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





2:





  • ( );





  • (PSD/GIF );





  • ;





Spritesheet Karakter Miami Hotline
Spritesheet Hotline Miami

+ ;

+ ;

- ;

- ;

- , ;



: Hotline Miami





, 2 . ?

:





  • ( Love2D);





  • ( );





  • ( spritesheets);





  • ;





.





  • , ;





  • Perkembangan alat animasi tidak dipertimbangkan sama sekali, sejak itu masuk akal untuk melemparkan kekuatan ini pada editor level bawaan (editor level) dan pengembangan AI (kecerdasan buatan) musuh;







Memangkas bingkai dan pengemasan animasi
Memangkas bingkai dan pengemasan animasi

Lanjutan di bagian 2.








All Articles