スプライト分割
単一のシートから個々のスプライトを自動検出し、抽出します。
🔒 ファイルはブラウザで安全にローカル処理され、外部にアップロードまたは保存されることは決してありません。
ここにスプライトシートをドラッグ＆ドロップ
または 、または URLから追加(Ctrl+Vで画像やURLを貼り付けることもできます)
またはサンプル画像を試す:
スプライト分割ツールとは？
スプライト分割ツールは、2Dゲーム開発者やピクセルアーティストのための無料のブラウザベースツールです。複雑なスプライトシートから個々のスプライトを自動検出し抽出します。
画像処理はすべてローカルのブラウザ内で行われるため、アセットが外部サーバーにアップロードされることは決してありません。プライバシーとスピードを最優先にしています。
主な使用例
- ゲームエンジンへのインポート: 圧縮されたスプライトシートを個別のPNGに抽出して、UnityやGodotにインポートします。
- アセットの復元: 元のプロジェクトファイルが失われた場合に、エクスポートされたテクスチャアトラスを切り分けます。
- Webアニメーション: UIアイコンやCSSスプライトシートを切り出して、個別の画像ファイルとして活用します。
特徴:
- 自動検出: 透明度や背景色に基づいて、孤立したピクセルの塊を自動的に見つけます。
- カスタム領域: 自動検出でフレームが見逃された場合、手動でバウンディングボックスを追加または調整できます。
- ZIPエクスポート: 抽出されたすべてのスプライトを個別のPNG、JPEG、またはWebPファイルとして便利な1つのZIPアーカイブでダウンロードします。
- プライバシー第一: すべての画像処理はブラウザ上でローカルに行われます。画像がサーバーにアップロードされることは決してありません。
- グリッドモード: シートが完全に整列している場合は、グリッドモードに切り替えてピクセル単位で正確に切り出します。
使用方法:
- 上のドロップゾーンにスプライトシートをドラッグ＆ドロップするか、クリップボードから画像を貼り付けます(Ctrl+V)。
- しきい値を調整して、ツールがピクセルをグループ化する強さを制御します。
- スプライトシートが透明ではなく単色の背景を持っている場合は、背景削除を切り替えます。
- ZIPでエクスポートをクリックして、きれいに切り取られたスプライトをダウンロードします！
プロのヒント:
- スプライトシートが非常に密集している場合は、スプライトが結合されないように余白としきい値を減らしてください。
- Shiftキーを押しながらキャンバス上をドラッグすると、手動でカスタム抽出ボックスを描画できます。
よくある質問 (FAQ)
Q: このツールは画像を圧縮しますか？
A: いいえ。PNGとしてエクスポートする場合、抽出されたスプライトは元のロスレス品質を維持します。
Q: 私の画像はクラウドにアップロードされますか？
A: 絶対にありません。スプライト分割ツールはWebブラウザで100%ローカルで実行されます。私たちがあなたのファイルを見ることもアクセスすることもできません。
Q: ファイルサイズの制限はありますか？
A: 処理はデバイスのメモリに依存するため、極端に大きな画像（例：8000x8000ピクセル以上）はブラウザの動作を遅くする可能性がありますが、サーバー側の制限はありません。
Q: 背景が透明でない場合はどうなりますか？
A: 「背景削除」をオンにしてください。ツールが左上のピクセルを背景色とみなし、自動的に無視します。
ガイドと記事
スプライトアニメーター
抽出したスプライトをアニメーションとしてライブプレビューおよびエクスポートします。
アニメーションフレームがありません
分割ツールから同期するか、複数の画像をここにドラッグ＆ドロップしてください。
アニメーションタイムライン
(0 Frames)
スプライトアニメーターとは？
スプライトアニメーターは、ピクセルアートアニメーションをプレビューするための軽量なブラウザベースのテストユーティリティです。
スプライト分割ツールと深く統合されており、切り出したフレームをワンクリックでアニメーターに送信できます。アニメーションが完成したら、高品質のGIFとしてエクスポートできます。
なぜスプライトアニメーターを使うのか？
- 迅速なプロトタイピング: エンジンにインポートする前に、フレームのタイミングを即座にテストします。
- ポートフォリオの作成: ゲームアセットを美しいGIFに変換して、オンラインでピクセルアートを披露します。
- アニメーションのデバッグ: オニオンスキン機能を利用して動きの弧を分析します。
特徴:
- ライブプレビュー: 設定を調整しながらアニメーションがリアルタイムで実行されるのを確認できます。
- オニオンスキン: スムーズな動きを確認するために、前後のフレームを背景に薄く表示します。
- ドラッグ＆ドロップタイムライン: タイムラインでフレームをドラッグするだけで簡単に順序を変更できます。
- GIFエクスポート: カスタム背景色または透明度を使用して、フレームをアニメーションGIFファイルにコンパイルします。
- 可変速度: FPSスライダーを調整して、ゲームの再生速度に合わせます。
使用方法:
- まず、スプライト分割ツールに移動して、スプライトシートからフレームを抽出します。
- 上の分割ツールから同期ボタンをクリックして、抽出したフレームをタイムラインに読み込みます。
- FPS(1秒あたりのフレーム数)スライダーを調整して、再生速度を変更します。
- 背景色を選択するか、透明のままにします。
- GIFエクスポートをクリックして、最終的なアニメーションをコンピューターに保存します！
プロのヒント:
- オニオンスキンを有効にして、フレームが完璧に一致しているか確認します。アニメーションが揺れる場合は、スプライト分割ツールで抽出領域を調整する必要があるかもしれません。
- 抽出時の順序の間違いを修正するために、タイムライン内で直接フレームをドラッグ＆ドロップできます。
よくある質問 (FAQ)
Q: GIFエクスポートは透明度をサポートしていますか？
A: はい！エクスポートする前に背景のドロップダウンで「透明」を選択していることを確認してください。
Q: 個別の画像のフォルダをインポートできますか？
A: 現在、スプライトアニメーターはスプライト分割ツールとシームレスに動作するように設計されています。まず分割ツールにスプライトシートをアップロードしてフレームを抽出する必要があります。
Q: 個々のフレームの表示時間を設定できますか？
A: 現在、ツールはグローバルFPS設定を使用しています。フレームを長く表示するには、タイムラインでそのフレームを複製してください。