アニメーションとエクスポート。ゲームIntravenousの例について。パート1

それを行う方法の話はそれだけの価値はありません。または私が仕事で2回燃え尽きた方法

今日は、キャラクターのアニメーションを作成してゲームに実装した経験を共有したいと思います。当然、アーティストの立場から。私のメールに届く注文は、多くの点で前の注文とは著しく異なり、新しいことに取り組むのは初めてではありません。





しかし、そのような経験を共有する価値があると私に思わせたのはこの命令でした。球体に精通していない人が内部のキッチンがどのように機能するか、そして同僚がそれをしない方法とその理由を知っているように。さらに、トップダウンの視点は具体的であり、実際にはその上に資料はありません。仕事を始めたときは、ゲーム以外はトップダウンの視点での経験がなく、興味をそそられました。





この読み物が、面白くなくても、少なくとも有益なものになることを願っています。






プロジェクトのプロモアート
プロジェクトのプロモアート

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



: Love2D

// : Adobe Photoshop ( :) )

: Pixel art





Steam, : Intravenous





以前のバージョンのスクリーンショット
デモ版のスクリーンショット
-

( - ), , , . .



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

, , . , , .. " " .






Enter theGungeonは3/4パースペクティブの良い例です
Enter The Gungeon - 3/4

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





トップダウンの視点をマスターするためのキャラクタースケッチ
top-down

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

.



"Top-Down" (-) - , .

: GTA 1/2, Darkwood, Hotline Miami






ピクセル単位のキャラクタースケッチ

( : /) ( ). , , .





トップダウンの視点でのアニメーションの最初の試み
top-down

:





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





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





  • 5 (, , , , );





  • , ;





  • ;





  • Idle ;





  • ;





  • ;





アニメーションの概要

:





  • ;





  • ;





  • ;





  • 2 ;





  • ;





  • ;





を中断する。 巧みな。
. .

, 3 ( !), :



- ; ( , )

- ; (, )

- ; (, )





を中断する。 熟練していない。
. .

3 :



- ;

- ;

- ;



, :

- ;

- ();





を中断する。 絶対に無能。
. .

200+. .. , .



2 ( ), . , , .

, , , , .





, , : , , ..

, , .






秋と上昇のアニメーション

:



- ;

- ;

- ;

- ;

- (/);

-
/ ();



.






2 .





1:





  • - ();





  • ( );





  • ;





スケルタルアニメーションを使用したピクセルアート
Pixel art

+ ;

+ , , , ;

- ;



, : Garage: Bad Trip.

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





2:





  • ( );





  • (PSD/GIF );





  • ;





ホットラインマイアミキャラクタースプライトシート
Spritesheet Hotline Miami

+ ;

+ ;

- ;

- ;

- , ;



: Hotline Miami





, 2 . ?

:





  • ( Love2D);





  • ( );





  • ( spritesheets);





  • ;





.





  • , ;





  • アニメーションツールの開発はまったく考慮されていませんでした。組み込みのレベルエディター(レベルエディター)と敵のAI(人工知能)の開発にこれらの力をかけることは合理的でした。







アニメーションフレームのトリミングとパッケージング
アニメーションフレームのトリミングとパッケージング

パート2に続く。








All Articles