Unityピクセルアートツール

ピボットと名前付きクリップを揃えることで、Unityのアニメーション確認がしやすくなります。PNGアトラス、座標メタデータ、生成されたAnimationClipファイルのどれが必要かに応じてPixelBoxのワークフローを選び、Unityのバージョンでインポートを確認してください。

LlamaGenチームによる公開です。このガイドは、市場全体ではなく、当社のPixelBoxワークフローを比較しています。ツールを選ぶ前に、記載された出力内容と制限を確認してください。

直接回答

PixelBoxで最適なUnity向けピクセルアートワークフローは？

Character Studioでキャラクターを生成・確認し、UnityのatlasとAnimationClipパッケージを書き出せます。すでに描いたシートを切り分ける場合は、無料スライサーをご利用ください。

ゲーム内で

ゲームプレイ、携帯端末での使いやすさ、統一感のあるデザインを検討できます。これらのAI生成コンセプトは見た目の可能性を示すもので、公開前にはご自身のアセットとエンジン読み込みを確認してください。

01 / 選定基準

Character StudioからUnityのatlasとAnimationClipパッケージを生成しました

Unity取り込み向けの無料スライサーZIP

JSON座標付きローカルatlasパッカー

アイテム、UI、VFXスタイル向けのLabsページです。完成済みのSprite atlasではありません

02 / 一覧

01
準備完了Unityスプライトシートジェネレーター
Unity 向け Character Studio
4方向のIdle、Walk、Attackを承認すると、アトラスレイアウトとAnimationClipファイルを書き出します。
ツールを開く
02
無料Unityスプライトスライサー
スプライトシートスライサー
フレームとピボットをローカルで確認し、その後クレジット不要でUnity向けパッケージを書き出します。
ツールを開く
03
無料PNGフレームからUnityアトラスを作成
スプライトシートパッカー
Sprite Meta ファイルに対応付けられる JSON を使った、コンパクトなグリッド配置です。
ツールを開く
04
Labsインベントリアイコンの方向
ピクセルアートアイテム生成
武器と戦利品向けのLabsコンセプトです。実際のフレームが揃ったら、最終アイコンを切り分けるかパックしてください。
ツールを開く
05
LabsHUDスタイルのフレーム
ピクセルアートUI生成
パネルの表現を固めてから、Unityで9-sliceスプライトを組み直すのに使えます。
ツールを開く

実践例

具体的な入力を使い、出力を確認し、現在の制限を見てから次の手順を選んでください。

レビュー済みのスプライトシート、または書き出したUnityスプライトパッケージを使ってください。アトラスPNGと対応する.metaファイルは一緒に保管してください。

指定のAssetsフォルダへインポートしてください。Sprite Mode: Multiple、Pointフィルタリング、テクスチャ圧縮なし、pixels-per-unitの統一を確認します。
Sprite Editorを開き、セルの矩形、スプライト名、ピボットを確認します。透明部分の境界と地面ラインがアニメーションと一致しているか確かめてください。
生成されたクリップを、想定したSpriteRendererでプレビューしてください。付属のクリップバインドは同じGameObjectを対象にしています。子のSpriteRendererには別途バインド調整が必要です。