JA

スプライトシート解説

スプライトシートとは全アニメフレームを横並び1枚に敷いたもので、ゲームエンジンが実際に読む形式です。

シートの解剖

等寸マスの1行(時に格子)に1枚ずつをタイムライン(コマ一覧)順で収めます。1マス目が1枚目です。均一マスが契約で、エンジンは座標で切るため、迷子フレームは下流を壊します。透明背景が定番で、PixiMelon製シートは透明チャンネルを保持します。

PixiMelonからの書き出し

アニメツールのタイムライン(コマ一覧)で並べた順が左から右へシートになります。スプライトシートでキャンバス等倍の全枚横並びPNGをダウンロードします。先にプロジェクト名を付ければファイル名に反映されます。1マスだけ要るときはPNG・SVG・PDFの単独書き出しも使えます。

枠付き4歩行マスのタイムライン順シート
図:均一マスをタイムライン順に並べます。エンジンは座標で切ります。

エンジンに好かれるシート

通しの作画計画はゲーム向けドット絵でスプライト・タイル・UIごと解説します。

シートとGIF

共有とプレビューはGIF、製品資産は常にシートです。巨大キャンバスでGIF書き出しに詰まったら、シートが確実な代替です。

よくある質問

スプライトシートとは何ですか?

アニメ各フレームを順に横並び1枚に収めたもので、エンジンがマス切り出しします。

PixiMelonは何順で書き出しますか?

タイムライン(コマ一覧)順で左から右です。書き出し前に◀ ▶で並べ替えます。

スプライトシートは透明を保てますか?

はい、PixiMelon製シートは透明チャンネル保持のPNGです。

ゲームエンジンはスプライトシートをどう読みますか?

座標で読みます。タイムライン順の均一マスに足裏などの基準線を揃えるため、切り分けがぶれません。

スプライトの用意はできましたか? オンラインでアニメ化する

あわせて読みたい