ToolPkg

スプライトをオンラインでテクスチャアトラスに梱包

テクスチャアトラス(スプライトシート)は多数の小さな画像を 1 枚にまとめ、ゲームが 1 ファイルだけ読み込み、より少ない描画コールで高速に描画できるようにします。この無料パッカーは MaxRects ビンパッキングで PNG スプライトを配置し、アトラス画像と Phaser・PixiJS・Godot・Aseprite 用のメタデータをブラウザ内で書き出します。

アップロード不要・インストール不要

すべてローカルで動作し、登録不要・ファイル数制限なしで、スプライトがデバイスから出ることはありません。素早いアトラス作成に向けた、TexturePacker などのデスクトップツールの無料ブラウザ版です。

トリム・エクストルード・複数形式の書き出し

透明な余白をトリムしてより詰めて梱包したり、スプライト拡大時のにじみを防ぐエッジエクストルードを追加できます。Phaser/PixiJS JSON、Aseprite JSON、Godot アトラス、cocos2d plist で書き出せます。

よくある質問

スプライトシートはどう作りますか?

個々のスプライト PNG をパッカーにドロップすると、1 枚のテクスチャアトラスに配置されます。梱包画像とエンジン用のメタデータをダウンロード——アップロードもアカウントも不要です。

どのエンジンと形式に対応していますか?

Phaser 3 / PixiJS JSON(Hash)、Aseprite JSON、Godot 4 アトラス、cocos2d-x plist に書き出せます。同じ梱包フレームがそれらすべてに一対一で対応します。

テクスチャアトラスパッカーは無料ですか?

完全に無料で、登録不要・透かしなし、梱包するスプライト数に制限はありません。

テクスチャのエクストルード/にじみとは?

スプライトが拡大やフィルタ処理されると、隣接ピクセルが端からにじむことがあります。1px のエッジエクストルードで境界を複製すると、このにじみが出なくなります。

画像はサーバーにアップロードされますか?

いいえ。梱包はブラウザ内のローカルで行われるため、スプライトはデバイスに留まります。

トリムとは?

トリムは各スプライト周囲の透明な余白を取り除き、アトラスをより詰めて梱包します。元のサイズとオフセットはメタデータに保存されるので、エンジンは正しくフレームを配置できます。