SpritePacker

SpritePackerとは？

SpritePackerは、ブラウザ上で動作する無料のスプライトシートパッカー兼コンバーターで、2Dゲーム開発者がエンジンでそのまま使えるテクスチャアトラスを手間なく作成できるように設計されています。個々のPNGまたはJPGフレームを取り込み、MaxRectsビンパッキングでタイトなアトラスにまとめ、PNGとともにJSON、XML、CSS、SCSSの座標データとして出力します。すべてがブラウザのタブ内でローカルに実行されるため、アカウント登録もサーバーへのアップロードも待ち時間も不要です。また、パック済みシートからフレームを抽出したり、GIFを番号付きフレームグリッドに分割したり、アトラスをアニメーションGIFに戻したりすることも、すべて同じツールで行えます。

対象ユーザー

• インディーゲーム開発者：Unity、Godot、Phaser、GameMakerに取り込む前に、アニメーションフレームやUI状態を1つのアトラスにまとめるための、高速で信頼性の高い方法を必要とする方。
• Web・モバイルクリエイター：PixiJS、Phaser、CSSベースのアニメーションを扱い、手動変換なしでレンダラーが期待する正確な形式の座標データを必要とする方。
• プライバシー重視のチーム：未公開や機密性の高いアートワークを扱い、画像ファイルをサーバーに送信しないパッキングツールを必要とする方。すべてがローカルデバイス上で処理されます。

主な機能

MaxRectsビンパッキング

SpritePackerは、単純なグリッドレイアウトではなく、本格的なMaxRectsパッキングを使用します。これにより、より小さなアトラスと少ないドローコールが実現され、パフォーマンスが制約されるプラットフォーム向けに開発する際に重要です。

アニメーション診断

エクスポート前に、決定的な品質チェックにより、重複フレーム、被写体のドリフト、エッジブリード、パレットシフト、ループジャンプを検出します。これらの診断により、実行時にのみ現れる視覚的なグリッチを事前に発見できます。

プレビュースタジオ

フレームごとのホールド時間、オニオンスキニング、ループ、速度コントロールを備えたアニメーションのプレビューが可能です。プレビューで確認したタイミングがそのままエクスポートされるため、デザインと実装の間にズレが生じません。

マルチフォーマットエクスポート

パック済みPNGに加え、フレームごとのタイミングを保持したGIF、Phaser 3/PixiJS用アトラスJSON、Unity用TexturePacker Generic XML、CSS/SCSS、リッチなメタデータJSONをダウンロードできます。Unity、Godot、Phaser、PixiJS、GameMaker向けのエンジンプリセットにより、各パイプラインに最適化されたワンクリックデフォルトが提供されます。

特筆すべき点

アートワークがマシンの外に出ることはありません。パッキング、トリミング、エクスポートはすべてブラウザ内でローカルに実行されます。

このプライバシー保証が最大の差別化要因です。ほとんどのスプライトシートツールはフレームをリモートサーバーにアップロードする必要があり、未公開プロジェクトや厳格なデータポリシーを持つチームにとっては利用が難しいものです。SpritePackerは、CanvasとWeb Workersを使用してすべてをタブ内でデコード、パッキング、レンダリングするため、ファイルはデバイス上に留まります。また、オフセット保持付きの自動トリム、テクスチャのブリードを防ぐエッジ押し出し、1〜8倍のスケール/整列コントロール（最近傍補間対応）など、通常は有料のデスクトップツールにしかない実用的な機能も含まれています。

こんな方におすすめ

無料でサインアップ不要のスプライトシートパッカーをお探しの2Dゲーム開発者で、エンジン対応のエクスポートデータを備えた、本当にタイトなアトラスを生成できるツールをお求めの方。特に、Unity、Godot、Phaser、PixiJS、GameMakerを使用していて、手動の座標マッピングを避けたい場合に役立ちます。機密性の高い未公開アートワークを扱う場合、ローカル処理モデルは試す価値のある強力な理由です。また、スプライトシートとGIFの変換を定期的に行う場合や、既存のアトラスを個々のフレームにスライスする必要がある場合、同梱のコンバーターにより、単なるパッカーではなく完全なパイプラインツールとして機能します。