スプライトシートビルダー - 無料オンラインスプライトシートメーカー

概要

Sprite Sheet Builderは、アニメーションフレームを単一の透過シートにパッキングし、書き出す前にループをプレビューできる、無料のブラウザベースのスプライトシート作成ツールです。Unity、Godot、Phaser、Sparrow XMLワークフロー向けにエンジンで使用可能なアセットを必要とするインディーゲーム開発者とFNFクリエイターを対象としています。このツールはローカル処理を中心に位置付けられており、サインアップ不要、透かしなし、画像はブラウザ内に留まります。

機能

• ローカルでプライベートなパッキング： ファイルはユーザーのデバイス上で読み込まれてパッキングされ、アカウントは不要です。画像をアップロードの流れに載せず、サインアップの手間を避けます。
• グリッドと自動パックのレイアウト： グリッドはすべてのセルを同じサイズに保ち、自動パックは異なるサイズのスプライトをより効率的に収めます。どちらも調整可能なパディングとスペーシングに対応し、フレームは回転されません。
• ライブアニメーションプレビュー： 書き出し前に1～30 FPSでループを確認でき、エンジンでシートを使用する前にタイミングや順序の問題を可視化します。
• エンジン対応の書き出し： 最大4096 × 4096の透過PNGシート、またはPhaser用JSON、Unity用インポートヘルパー、Godot .tres、FNF用Sparrow XMLを含むアトラスバンドルをダウンロードできます。
• 入力とモバイル対応： PNG、JPG、WebP、GIF、HEICに対応。アニメーションGIFは編集可能なフレームにデコードされ、モバイルユーザーはタッチによる並べ替えとZIPダウンロードを利用できます。

役立つヒント

• すべてのアニメーションフレームが同じ寸法の場合はグリッドを使用し、サイズが混在するスプライトには自動パックを使用します。ただし、自動パックではフレーム位置が不規則になるため、メタデータを必須として扱ってください。
• エンジンがテクスチャをフィルタリングする際の隣接ピクセルのにじみを減らすには、フレーム間に間隔を追加します。パディングはアトラス全体の周囲に余白を作り、スペーシングはアトラス内のフレームを分けます。
• 記載された制限を前提に計画してください：4096 × 4096 px、書き出しあたり200フレーム、アップロードファイルあたり25 MB。コマンドラインパイプライン、ポリゴンパッキング、複数アトラスには、ページはTexturePackerなどの専用パッカーを推奨しています。
• UnityではPNG + JSONを選択し、付属のEditorインポーターをAssets/Editorに配置してから、Tools → Import Sprite Atlasを使用します。ページを閉じると現在のワークスペースが消去されるため、閉じる前に書き出してください。モバイルブラウザのメモリ制限は引き続き適用されます。