コマドリKOMADORI — スプライトシートの分割・結合

スプライトシートを、コマに分けて、また束ねる。

分割・結合・アニメの再生確認・ゲームエンジン用 JSON の書き出し。インストール不要で、画像は端末の中だけで処理します。

1. 画像

2. 区切り方

プレビュー

画像を選ぶとここに区切り線が出ます

1. 画像(複数)

2. 並べ方

プレビュー

画像はファイル名の順に並びます(walk_2 → walk_10 も正しい順)

使い方とよくある質問

画像はサーバーに送られますか?

送られません。読み込み・分割・結合はすべてお使いのブラウザの中で行われます。

JSONはどのエンジンで使えますか?

Phaser・PixiJS などが読める「JSON Hash」形式です。結合したPNGと同じ名前で保存して読み込んでください。

コマの大きさがバラバラの画像を結合できますか?

できます。いちばん大きい画像に合わせてコマの枠を作り、選んだ位置(下揃えなど)に置きます。キャラのアニメは下揃えにすると足元がずれません。

ドット絵がぼやけませんか?

拡大表示は補間なし(ニアレストネイバー)なので、ドットはくっきり見えます。書き出しは元の大きさのままです。

長押し(右クリック)で画像を保存できます