GIFをスプライトシートに
アニメーションがGIFしかない?エンジンで使えるスプライトシートに戻しましょう。
無料、登録不要。ブラウザーで動作し、ファイルがコンピューターの外に出ることはありません。ページを読み込んだ後はオフラインでも使えます。
使い方
- アニメーションGIFをボックスにドロップします。
- 1行に並べるフレーム数を選びます(または横長の1列)。
- PNGシートと、各フレームの位置と時間を記したJSONをダウンロードします。
手に入るもの
GIFのすべてのフレームを順にグリッドに並べたPNGと、Asepriteや多くのエンジンが読むレイアウトのJSONファイル(各フレームの矩形と表示時間)。フレームはブラウザーがGIFを再生するのと同じように合成されるので、変化した部分だけを保存しているフレームも完全な形で出てきます。
なぜGIFに変換するのですか?
ゲームエンジンが再生するのはGIFではなくスプライトシートです。シートは読み込みが速く、ピクセルを正確に保ち、速度をゲーム側で決められます。アニメーションがGIFしかない場合(誰かから送られたプレビューや古いアセットなど)、これでシートに戻せます。
ヒント
- GIFは最大256色で、透明度はオンかオフのみです。シートはGIFの中身をそのまま保ちます。
- GIFのフレーム時間は100分の1秒単位、JSONではミリ秒単位です。
3Dモデルからスプライトを作っていますか? Pixorはモデルを全方向から1フレームずつピクセルアートのシートにレンダリングし、GIF、Asepriteファイル、ゲームエンジン用のフォーマットも自分で書き出します。しくみ。
Pixorを無料で試すその他の無料ツール
- GLB・glTFビューアー:3Dモデルを開いて周囲を回り、アニメーションを再生して、問題点を確認できます。
- スプライトシートをGIFに:スプライトシートをピクセルパーフェクトなアニメーションGIFまたはAPNGに変換します。
- スプライトシートスライサー:シートをグリッドで、またはスプライト間の隙間でフレームに切り分けます。
- ピクセルアート拡大ツール:ピクセルアートをぼかさずに2×から16×に拡大します。投稿やストアページに。
- パレットに減色:すべてのピクセルをパレットに割り当てます。Lospecのパレット、.gpl、自作のパレットが使えます。
- スプライトシートメーカー:フレームを1枚のシートにまとめ、ゲームエンジンが読めるJSONも作ります。