Alias Archiveアーカイブ更新中
アーカイブ更新中

デスクトップ用スプライト:小さな動作を読みやすくする

ヴェラと騎士のスプライト習作。七つの状態、共通の足元基準線、少し異なる体格で、小さな人物の特徴を保つ。

記録日
所属分野
その他
言語版
JA / 閲覧版

人物を小さくすると、細部より輪郭と動作が重要になる。ヴェラは外套とランタン、騎士は兜、剣、胸元の残り火で特徴を保った。この習作では、二人をデスクトップ用プログラムに組み込める独立した透過スプライト素材にしている。

二人に共通する足元

どちらのアトラスも1024 × 896ピクセルで、セルは128 × 128、向きは右に統一した。セル内の足元基準線は共通の y=119。待機、歩行、ほかの状態も同じ位置で切り替えられる。騎士は少し高く、幅も広いが、別の頭身にはしていない。待機フレームの人物高の中央値は、それぞれ98.5と106ピクセルになった。

共通の足元基準線に並ぶヴェラと、少し高く幅のある騎士
同じ足元と異なる体格で、並べても二人の輪郭を保つ。

小さな動作にも役割を持たせる

各人物には、待機、歩行、作業、喜び、睡眠、持ち上げ、クリック反応の七つの状態がある。待機はまばたきと小さな変化、作業は座った姿勢と手の動きで区別する。歩行には交互の踏み出しが必要で、立ち絵をその場で揺らすだけにはしない。

ヴェラの待機とまばたきのループ 騎士の待機ループ
待機プレビュー。システムで動きを減らす設定を有効にすると静止画を表示する。

個別のプレビュー:ヴェラの歩行、ヴェラの作業、騎士の歩行、騎士の作業。

アトラスから組み込み用素材へ

アトラスは状態ごとに行を分け、マニフェストに行位置、フレーム数、再生速度、ループの有無を記録する。寸法、空フレーム、透過、背景色の残り、セル境界、足元位置を検査し、明暗両方の背景で透明部分の縁も確認した。

待機、歩行、作業、喜び、睡眠、持ち上げ、クリック反応を七行に並べたヴェラの透過アトラス
ヴェラの透過アトラス。同じセル寸法により、状態が変わっても配置を保てる。

ここで示すのは整理済みの二つのアニメーション素材であり、実行可能なデスクトップアプリではない。アトラスは動きと位置合わせを担当し、ウィンドウの振る舞い、入力への応答、デスクトップ上の操作は組み込み先のプログラムが担当する。

あわせて読む

01 / LINKS
C01

素材パイプライン:再梱包、マニフェスト、管理ツール

素材の購入は開始点にすぎない。数百の素材パックを扱うための、アトラス再梱包、マニフェスト生成、管理ツールを記録する。

全文を読む ↗