Unity の 2D Pixel Unit Maker - SPUM で自作パーツを追加する方法をまとめます。
2D Pixel Unit Maker - SPUM とは
SPUM は、Unity で 2D ピクセルキャラクターを簡単に作成できるアセットです。
アセットストアリンク
GitHub リポジトリリンク
SPUM の特徴
- 簡単な操作でパーツを組み合わせてピクセルキャラクターを作成可能
- 初期のプリセットパーツが十分あるが、アドオンを購入することでさらに豊富なプリセットパーツが利用できる
- 自作パーツの追加も可能
この記事では自作パーツの追加について例をまとめます。
自作パーツを追加するメリット
よりオリジナリティの高い、再現度の高いキャラクターを作成できる
既存のパーツでは表現できないデザインを実現できる
公式の解説動画
公式のビデオチュートリアルもありますので、参考にしてください。
リポジトリの「How to import image sprite in your SPUM unity project」のリンクからアクセスできます。
自作パーツ追加の手順
以下の手順で自作パーツを追加します。
- プリセットパーツのコピー
- リソースの再インポート
- パーツのドット絵編集
- Unity のスプライトエディターでの調整
確認環境
- Unity 6
- SPUM 177
プリセットパーツのコピー
SPUM の初期のプリセットパーツは Assets/SPUM/Resources/Addons/Legacy/0_Unit/0_Sprite 以下に保存されています。0_Hair などわかりやすいディレクトリにパーツが分かれています。
SPUM のプリセットパーツをコピーして、自作パーツを追加します。元のプリセットパーツは自作したいパーツに近いものを選択します。
Hair_3 がイメージに近かったです。
| Hair_3 | Hair_3 を白での利用 |
|---|---|
 |
 |
コピー元と同じディレクトリに名前を変えて保存しています。
今回は Hair_3 を Hair_3_1 としてコピーしました。
リソースの再インポート
SPUM_Scene を開き、SPUM_Manager のインスペクターから REGENERATE DATA & LOAD PACKAGES をクリックします。
SPUM_Scene を再生したら Hair_3 と Hair_3_1 が選択できるようになっています。
パーツの準備
ドット絵作成ツールなどで Hair_3_1.png を編集します。
今回はドット絵作成ツールとして PIXEL STUDIO を使用しました。
| 元の Hair_3_1.png | 変更後の Hair_3_1.png |
|---|---|
| SPUM で色が変更できるプリセットパーツは白とグレースケールで作成されています。 | 自作パーツは色を利用してもいいです。その場合は利用時に SPUM での色指定を白にします。 |
 |
 |
Unity のスプライトエディターでの調整
Hair_3_1.png を Unity で開き、スプライトエディターで調整します。
スプライトエディターではドット絵のスライスの指定ができます。髪だと1枚のスプライトなので Pivot だけ調整すればいいです。
目や服の場合はスプライトをさらに分かれているのでそれぞれ調整が必要です。
例えば服は Right, Body, Left に分かれています。
今回のようにプリセットパーツをコピーして利用する場合は、元のパーツに沿っていれば変更する箇所が少なくて済みます。
これで SPUM_Scene で追加したパーツを利用することができます。
結果
髪、服を自作パーツで生成してみました。
関連動画: https://www.youtube.com/shorts/R0V32eBthgI
まとめ
SPUM は自作パーツを追加することでより自由なキャラクター制作が可能です。
ぜひ試してみてください！