ピクセルヘイロー / Pixel Halo

奥行きのある重なり合ったドット絵アニメーションで感情表現などが可能になるVRChat用のアバターギミック付きヘイローです。

重なり合う16レイヤー×16枚のアニメーションフレームで構成されたパネルが、横並びに12個並んびヘイローを形成します。

ModularAvatar対応なのでアバターに取り付け位置を調整するだけで使用でき、PB(PhysBone)対応済みなので揺れます。

エクスプレッションメニューから指定したパターンを切り替え表示し続ける「コンスタントモード」、ジェスチャーに合わせて表示を変更する「ジェスチャーモード」を搭載しています。

最大の特徴は"ドット絵のテクスチャを書き換えることで簡単にカスタマイズ可能"な点、3Dモデリングが苦手な人でも気軽に奥行きのある立体的なアニメーションを実装可能です。特にピクセルアーティスト、ドッターの方におすすめしたい製品です。

---

◆通常版

通常のピクセルヘイローです。

◆開発支援版

通常のピクセルヘイローと同じですが制作者の開発を支援できます。

◆デフォルトパターンセット

通常版に含まれるドット絵のアニメーションパターンデータが入っています。PNGとAsepriteファイル(.ase)が入っています。間違って通常版のデータを消してしまったり、デフォルトのパターンを改変したい方向けです。

ドット絵アニメーションのカスタマイズ手順

ドット絵のカスタマイズの詳しい手順は以下のGoogleドキュメントを参考にしてください。

Pixel Halo(ピクセルヘイロー) ドット絵カスタマイズ手順

https://docs.google.com/document/d/1jCG_eIO4-2Ma2pJVgWLtuUEH5Kqdeifmwit7j8b9EnM/edit?usp=drive_link

確認事項

- Unity 2022.3.22f1で開発・ビルドを行っています。

- VRChat SDK3 Avatar3.0での使用を想定しています。

- Questでも動作確認済みですが、PC推奨です。

- ModularAvatarの導入が必須です。

- ModularAvatar v1.10.3を使用しています。

導入手順

①ModularAvatar( https://modular-avatar.nadena.dev/ja )を導入する。

②お使いのアバターのUnityProjectを開く。

③アバターに独自のエクスプレッションメニューを追加する（※既にアバターに導入済みでしたら飛ばしていただいて大丈夫です。ピクセルヘイローのPrefabを設置した時点でメニューが自動的に追加されます。）

④ダウンロードした『PixelHalo_vx.x.x.unitypackage』を読み込む。

⑤「MahoroToys/PixelHalo/Prefabs」内の各種フォルダの中の「PixelHalo」PrefabをHierarchy内のアバターのルートに設置する。

⑥Prefab設置後にPixelHaloの位置や大きさを調整する（PixelHalo以下の子要素は編集しないでください）

※ModularAvatarは公式サイト( https://modular-avatar.nadena.dev/ja )の説明書をご覧ください。

※「vx.x.x」はバージョン名です。

遊び方

※アバターに取り付け後、エクスプレッションメニューを確認すると設置したピクセルヘイローが自動で追加されます。

①アップロードされたアバターでエクスプレッションメニューを開く。

②「PixelHalo〜/On」のToggleを有効化すると表示される（デフォルトでコンスタントモード）

◆モード変更

Modeメニュー内にGesture（ジェスチャーモード）、Constant（コンスタントモード）があるのでどちらかを選択してください。

ジェスチャーモード…ハンドジェスチャーに合わせて表示変更

◆コンスタントモードの「パターン変更」

まずはコンスタントモードに変更してください。そしてPatternsメニューからパターンを変更できます。

◆ジェスチャーモードの「パターン変化させる左右の手変更」

まずはジェスチャーモードに変更してください。

・GestureHand内のLeftもしくはRightを選択すると左右どちらかの手でジェスチャーに設定したパターンが切り替わります。

更新履歴

[2024/11/2] 販売開始

クレジット

◆企画、開発、デザイン、3Dモデリング、手順書作成

yuta

X https://x.com/yyuta342

◆デザイン

北村 英理

X https://x.com/hoshieri7

◆使用させていただいたフォント

x12y20pxScanLine

https://hicchicc.github.io/00ff/

x12y12pxMaruMinyaM

https://00ff.booth.pm/items/5435640