スプライトシートとゲームアセットを分割する方法
スプライトシートから個々のスプライトとゲーム要素を抽出。タイル化されたアセットで作業するゲーム開発者とデザイナー向けガイド。
Try our free tool
No registration required, 100% local processing.
スプライトシートは複数のゲームグラフィックを1つの画像ファイルに結合し、ロードパフォーマンスを改善します。しかし、個々のスプライトを編集したり、シートからアセットを使用したりする必要がある場合、それらを分割する必要があります。
スプライトシートの分割には精度が必要です - ゲームアセットはしばしばピクセルパーフェクトで、位置ずれはゲームで視覚的グリッチを引き起こします。
私たちのツールは、16×16ピクセルタイルや大きな複雑なスプライトで作業しているかどうかに関係なく、スプライトシートを完璧に整列された個々のアセットに分割します。
Table of contents
スプライトシートレイアウトを理解する
均一グリッド：すべてのスプライトが同じセルサイズ（例：32×32ピクセル）を占める最も一般的なレイアウト。
パックドシート：境界を定義するメタデータと共に、さまざまなサイズで密集してパックされたスプライト。
アニメーションストリップ：水平または垂直に配置されたアニメーションの連続フレーム。
スプライト寸法の計算
各行と列のスプライトを数えます。シート寸法をスプライト数で割ってセルサイズを取得。
16×16スプライトを持つ512×512シートの場合、32列と32行（合計1024スプライト）があります。
パディングに注意 - 一部のシートは、テクスチャブリーディングを防ぐためにスプライト間に1〜2ピクセルのギャップを含みます。
パディングとマージンの処理
スプライトに1pxのパディングがある場合、「32×32」セルは実際には33×33です。分割設定でこれを考慮してください。
分割後、ユースケースに応じて個々のスプライトからパディングをトリムする必要がある場合があります。
私たちのツールは一貫したパディングを考慮できます - 正確な分割のためにセルサイズとパディングを別々に指定してください。
Recommended tools
画像を複数の等しい部分に無料でオンライン分割。Instagramやカルーセルに最適。ローカル処理で高速かつ安全。...
How to do it in 3 steps
スプライトシート構造を識別：セルサイズ、行/列の数、パディング。
スプライトシートを私たちの分割ツールにアップロード。
計算に基づいてグリッドを設定（例：16×16グリッド用に16列×16行）。
個々のスプライトを生成。ファイルは参照しやすいように位置で名前付けされます。
個々のスプライトをゲームエンジンや編集ソフトウェアにインポート。
Common mistakes to avoid
- ✗行または列を誤って数え、位置ずれのスプライトを引き起こす。
- ✗パディングを考慮せず、部分的なボーダーを持つスプライトになる。
- ✗ピクセルアートに非可逆形式（JPEG）を使用し、ぼかしを引き起こす。
- ✗一部のスプライトシートが非均一なセルサイズを使用することを忘れる。
Frequently asked questions
Ready to try?
Our tool is free, no registration required and respects your privacy.
Use Séparer images