本文へスキップ

Lospecのパレットをドット絵とスプライトに適用

Lospecでパレットを見つけたら、HEXリストを貼る(または.gplを読み込む)だけで、アニメーションの全フレームがちょうどその色に置き換わります。プレビューではなく書き出したPNGで確認しています。

スプライトのフレーム(PNG)をドロップ。複数フレームでひとつのパレットを共有します
ピクセルラボを開く
ブラウザ内で処理し、ファイルはアップロードされません。
ピクセルラボ:抽出した1つのパレットに固定したCC0スプライトのフレームと色ごとのピクセルの割合
CC0アセット(OpenGameArt)を開いた実際のピクセルラボ画面です。
出力
  • PNG frames測定確認· Pillow
  • Palette測定確認· re-import
  • pixel-lab.json未検証

できること

  • Lospec形式のHEXリスト(1行1色かカンマ区切り、#は任意)、GIMP .gpl、JSON。形式は内容で判定。
  • 全フレームを同じパレットに固定するので、アニメーションが一貫します。
  • ディザー:なし(アニメーションの既定)、Bayer 2×2/4×4/8×8、Floyd–Steinberg、Atkinson。ちらつきの警告つき。
  • 1×〜8×ニアレストのPNGフレームと.gplパレットで書き出し。

使い方

  1. フレームをドロップ。
  2. Lospecのパレットを読み込むか貼る。
  3. ディザー方式を選び、並べて比較。
  4. ZIPで書き出し。

出力ファイルと検証方法

「測定確認」は、ダウンロードしたファイルをページ外(Pillow・numpy・独立したパーサー)で開き直して性質を測ったという意味です。ゲームエンジンでの読み込みは試していません。

書き出し先ファイル検証
PNG framesanim_N.png · 1×–8× nearest測定確認 Pillow書き出したPNGを読み直し、すべての色が固定パレット内にあることを確認。
Palette.gpl · .hex (Lospec) · .json測定確認 re-import各形式を書き出してUIで読み戻し、16 → 16色を確認。
pixel-lab.jsongeneric frames + palette未検証汎用JSONで、どのエンジンでも読み込んでいません。

検証の根拠

アンチエイリアスのかかった8フレーム → 16色パレット1つ、パレット外の色0。ディザーなしとBayer 4×4の両方で変化のない領域が全8フレームで同一。アンチエイリアス除去で271色 → 16色、シルエットの移動0ピクセル。整数倍率・オフセット・2.5倍の非整数倍率を正確に検出。

制限

  • 4096 × 4096より大きいフレームは受け付けません。すべての処理がメインスレッドで動き、まだキャンセルボタンがありません。
  • スプライトシートは1枚の画像として扱います。先にフレームに分割してください(スプライトシート分割)。
  • ディザーを有効にすると、クリーンアップの件数にディザーのピクセルが含まれます。先にディザーを「なし」にしてください。
  • 書き出すJSONは汎用形式で、Godot・Unityへの読み込みは試していません。

よくある質問

Lospecからパレットを取ってきてくれますか?

いいえ。何もダウンロードしません。LospecでパレットのHEXリストか.gplをコピーし、貼るか読み込んでください。

書き出した色はすべてパレット内ですか?

はい。テストでは書き出した全フレームの色の和集合が固定パレットの部分集合でした。

無料ですか?アカウントは必要ですか?

このページの機能はすべて無料で、アカウントなしで使えます。透かしや制限された書き出しはありません。

スプライトはアップロードされますか?

いいえ。Studioはこのブラウザのタブ内でデコード・パック・書き出しを行います。プロジェクトはブラウザ(IndexedDB)に自動保存され、.nerulioファイルとして保存できます。

Asepriteやエンジンのプラグインは必要ですか?

いいえ。.asepriteファイルはブラウザで読み書きします。エンジン別のバンドルには必要なものが入っています(Godotはインポート設定とシーン、UnityとGodotのタイルセットは小さなエディタースクリプト)。