GIFをスプライトシートに変換
animated GIF を選ぶと、browser 内で sprite sheet に変換します。frames は device 上で local extraction され、grid、horizontal strip、vertical strip に pack され、必要に応じて JSON、CSS、XML metadata を export できます。
GIFをアップロードしてフレームを抽出
フレームが自動的に抽出されます
自分のアニメーションをアップロードする前に、フレーム抽出とスプライトシート出力を確認できます。
GIFをスプライトシートに変換する方法
以下の手順に従って、フレームを抽出し、レイアウトを生成してください。
- キャンバス上にアニメーションGIFファイルをドラッグ＆ドロップします。ツールがバイナリデータを解析し、透明度を保ちながらすべての個別のフレームを抽出します。
- フレームリストで解析されたシーケンスを確認します。不要なフレームを削除したり、特定のアニメーションサイクルに合わせて並べ替えたりすることができます。
- グリッド、横方向、または縦方向のレイアウトから選択します。エンジンのテクスチャアトラスの要件に合わせて、列数やパディングを調整してください。
- 最終的なPNG画像を生成します。ゲームエンジンへの即時統合のために、画像と座標データ（JSON、CSS、またはXML）を含むZIPパッケージをダウンロードします。
GIFからスプライトシートへのコンバーターの特長
game developers と web animators 向けの browser-local GIF to spritesheet converter。source file を server に送らず GIF を texture atlas に変換します。
正確なフレーム抽出
GIFからのすべてのフレームを瞬時に解析し、複雑な処理方法を処理しながら、ピクセルパーフェクトな透明度を保持します。
カスタマイズ可能なレイアウト
列や間隔を自由に調整できるグリッドレイアウト、横方向、または縦方向のストリップにフレームを配置します。
エンジン向け座標データ
お好みのゲームエンジンに直接マッピングされるJSON Hash、JSON Array、CSS、またはXML TextureAtlas座標をエクスポートします。
ローカルブラウザ処理
GIF parsing と Canvas rendering はすべて device 上の browser で行われます。変換のために source file を server に upload しません。
よくある質問
仕様と制限
マーケティング文句ではなく、実際の事実。
その他のスプライトシートツールを見る
images から sheet を作成し、適切な export metadata を選び、conversion 後の frame alignment 問題を修正できます。