AIメイドちゃんのミニゲーム

プロジェクトの仮組を立てたので、イメージの共有です。

こんな感じで、壁にはまってしまったメイドちゃんを
紳士的に助けるミニゲームを画策しています。

何か、見たことある構図だって？
気のせいですよー(棒)

まあ、左右の画像も仮なので、動かせる様に組んだら
レイアウトは変更すると思います。

ダイナミックボーン等仕込んで
動的な操作にも対応したので、柔軟なアクションができます。

以上。

モチベが消えないがんばるので
フォロー等、応援よろしくお願いします。

ps.
「ちちぷい」というAIイラスト投稿サイトも初めてみました。
テキストベースで出力しただけの、簡単なイラストを投稿してみています。
そっちだけしか投稿しない、R18イラストなどもあるので
興味あれば、フォロー宜しくお願いします。
https://www.chichi-pui.com/users/user_iracim_pmc/

AI画像生成と、Unityの2DAnimation

今回は、久しぶりにUnityの話でもしようかなと思います。

AIによる画像生成を色々検証していて
Unityの2Dアニメータを使えば、それなりに動きのある物が作れるなー
と、思ったので、試してみました。

画像の用意

まずは、動かしたい画像を用意して、GIMPとかで
良い感じに調整します。
今回は、こんなイメージを用意しました。

これだけでは、何か良く分からないですねー(棒)
なんでか、ぼやけてるし。

Unityで動かしてみる

Unityで、「2D Animation」を使用して動きを付けます。
2Dでボーン構造を定義して、メッシュを動かせる様になるので
パーツ単位で生成していけば、適用する事ができます。
詳しくは、公式の動画を参照すれば良いと思います。
https://www.youtube.com/watch?v=KNJdoprRR7s

詰まるポイントとしては、ボーンを付けたい画像はUnityの
「2D PSD Importe」を使用して、PSBファイルで読み込む必要があります。
PSBファイル対応のツールが少ないので
フォトショ必要かと思いきや、PSDデータの拡張子を手動でPSBにしても
読み込むことができるので、GIMPとかで十分です。

ボーン設定

PSBを読み込むと、レイヤー単位でゲームオブジェクトが生成された
2Dのモデルファイルが生成されるので、ヒエラルキーに生成して
「Sprite Editor」をWindowから有効にして、編集します。

3Dモデルと違い、Unity上で動的にボーンやメッシュを調整して
Rigの設定ができるので、うまく動くように
元々の画像を調整しつつ、整えていきます。

Animation作成

あとは、AnimationWindowで、従来通りにAnimaClipを作成します。

詳しく触れませんが
比較的簡単な作業で、動くものが作成できます。

成果物

出来上がったものがこちらです。

何か良くわからないですけど、紳士的な動きをしてそうですね！。

まあ、非常にざっくりですが
動きのある物を作りたい場合の、参考になれば幸いです。

これを利用して、今後作ろうとしてるものの一部を
フォロワーさん限定で、共有しようと思います。
興味があれば、覗いてみて下さい。

センシティブな液体表現　その2

久しぶりに記事を投稿できる暇ができたので
リハビリがてら、投稿します。

この記事について

UnityのVFXGraphという、パーティクル表現の機能を触りたくなり
参考文献を読み漁っていた所、下記の動画を見つけました。
https://www.youtube.com/watch?v=IVj7-usBxHo

これは、センシティブにできるぞ！と、思ったので
成果物報告がてら、やった事を大まかにまとめます。

Unityの必要機能をインストール

まず、VFXGraphは、Unity2019以降の実装なので
対応している、Unityバージョンをインストールしてください。
筆者は、Unity2020のLTSバージョンを利用して検証しました。

PackageManagerを開き、下記の公式パッケージをインストールします。

Universal RPのインストール

ビルトイン状態から、URPに変更する必要があります
検証バージョン：ver10.3.2

Visual Effect Graphのインストール

本命のパッケージです。
検証バージョン：ver10.3.2

ShaderGraphのインストール

VFXGraphと連携する為必要になります。
検証バージョン：ver10.3.2

最低限必要なものは以上です。
他にモデルなど表示したい場合は、URPに対応した
シェーダーが必要になります。
デフォルト表示で良いなら、URPのLITを使用します。

URPを適用する

まず、URPの設定を保存するAssetを作成します。
適当なフォルダで、右クリックし
Create → Rendering → Universal Render Pipeline　と選択し
assetが2つできる事を確認します。

その後
Edit → ProjectSettings → Graphics から
Scriptable Render Pipeline Settingsという欄に、先ほど作成した
UniversalRenderPipelineAsset.assetを適用します。

これにより、既存のオブジェクトがあると
マテリアル周りの参照が外れ、全てピンク色になってしまうと思います。
解決する為に、Editから下記画像のとおり選択します。

Unityのstandardシェーダー等であれば
URP用のシェーダーに自動切換えされていると思います。
対応していない、マテリアルはシェーダー設定が切り替わらないので
手動で、UniversalRenderPipeline以下のシェーダー郡に切り替えます。

Visual Effectを有効にする

Edit → Preferrences → Experimental Operators/Blocksを有効にする。
他の設定は特に変更しませんが、作りたいものによっては必要かも・・・

動画を見ながら基本のエフェクトを作る

内容の細かい所は、上記で紹介している動画を見て下さい。
液体が飛び散る表現はできると思います。

そう、液体がね・・・飛び散るんですよ・・・

センシティブにする

後は、パラメータを細かく設定していくだけです。
ここまで作れる方なら、検討はついていると思いますが・・・

色を変える

赤いから血に見えるわけで・・・白ければ・・・
下記の様に、カラーを外部から送る様に設定して、白くしてみて下さい。

射出感覚を調整する

動画では、loopさせる為、Spawn周りをごちゃごちゃいじってましたが
ワンショットで済むエフェクトなら
Single BurstにRateを適応するだけで良いです。

SpawnSystemに、再生の遅延やループ回数の設定などの項目があるので
下記の様に設定すると、良い感じに見えます。

出力結果

では、どの様に調整したか、動画にしてみました。

パーティクルシステムで表現するより
何倍もそれらしい、液体表現ができたのではないかと思います。

以上、VFXGraphの参考になったら幸いです。
以下、所感をつらつらと書いてきます。

VFXGraph導入のデメリットと課題点

URPに対応する手間が必要

あらかじめ、URPで作成していない場合
マテリアルとシェーダー周りを、一新しないといけないので
旧型のシェーダーを重用していると、対応できなさそう。

学習コストが高い

ShaderGraphと合わせて、Editor機能事態の習熟が必要だし
シェーダーのパイプラインがどのように、値を変化させているか
やりたい事に合わせて、調べる必要がある。

その上、調べてみても、日本語の事例や記事はあまりなく
英語圏の情報も、基本的なものばかりで
動的なものへの適応例など、応用が利いたものはあまり見られない所が難点

youtubeが頼りかも・・・

動的な座標変更や回転の管理が大変

VisualEffectをアタッチしたオブジェクトを、モデルに付け
ノードをアニメーションさせたりすると
パーティクルも一緒に移動してしまうので
VFXを制御するオブジェクトは、あくまで原点に居て
VFXにパラメータとして、生成場所や、射出方向を渡した方が良さそう

VFX Property Binderというプロパティを変更する
標準スクリプトが用意されているらしい。

また、自前のスクリプトからも、プロパティに対して
値を渡すことができるので、複雑に動くものは
自前で外部から、パラメータを渡してやる必要がありそう。

複雑な当たり判定ができるか不明

まだ理解が及んでいない部分が多いので、起伏のある地形や
人型の様に、複雑なコリジョンに対する当たり判定が取れるのか不明。
デカール処理が柔軟にできるなら、今以上にセンシティブにすることも
できると思うが、詳しい人いたら、教えて欲しいくらいに
参考文献がない・・・

恐らく、SDFあたりを使って上手くやるのだろうが・・・

最後に

以上、VFXGraph触ってみたよ報告でした。
1日程度しか触ってないですが、それなりの成果物ができた気はしますし
色々有意義な知見も溜まりました。
素人意見で色々書き込みましたので、半信半疑で見てみて下しさい。

この記事を見て、ちょっとでも、参考になったっとか
為になったと思う方がいれば、投稿の方続けていきますので
フォロー、ご支援のほど、よろしくお願いします。

肌濡れ表現　VectorFlowShader

この記事について

肌濡れ表現の検証記録になります。
hheaven様が販売していた
VectorFlow Shaderを使用させて頂きました。
参考として記事にします。

こんな表現ですね。
https://www.youtube.com/watch?v=CcqC2osR1Gs

マテリアルの適用

VectorFlow Shaderを購入・ダンロードしたら
濡れ表現をしたいメッシュに
マテリアルを適応するだけなのですが
複数のマテリアルを適応しているメッシュには適用できず
設定しても、動作しませんでした。

サブメッシュに分割する

付属で「SubMeshSplitter」というエディタ拡張もあり
こちらを利用する事で、メッシュを、サブメッシュに分割できます。
これにより、体の部分だけにマテリアルを適用できます。

以上、簡単な手順だけで、上記動画の様な表現ができます。
もちろん、よりセンシティブに表現もできちゃいます。

では、センシティブに表現した結果ですが・・・

フォロー要求しちゃいます、すいません。
期待を煽るほどの内容ではないのですが
何卒、ご支援の程お願いします。

Unityでできる、センシティブな液体表現

この記事について

Unityの基本機能で、センシティブな液体を表現する為の
一例を紹介します。

漏れ出る液体を表現する

UnityのParticleSystemを使い、白いビルボードを
細かく生成してあげれば、それっぽくなります。
設定項目を解説すると、長くなってしまうので省きます。
例を記載するので、参考にしてみて下さい。

注意する点としては
SimulationSpaceをWorldに設定しないと
モデルにアタッチした時、モーションの動きと連動して
不自然な位置移動をしてしまうので、必ず設定しましょう。

以下、設定値とイメージの参考になります。

自然とあふれ出てくる液体

一気に溢れちゃう液体

絡み付いてくる液体を表現する

UnityのLineRendererを利用する事で
接触した時に、絡みつく液体を表現する事ができます。
今回はありけい様が公開されていた
LiquidChainを改造して表現させて頂きました。

とりあえず、一本だけ絡みついた例をご覧ください。

設定次第で、より弛ませたり
途中で切れて、一定時間後消滅する様にもできます。
複数設置もできるので、好みの調整が可能です。

今回はここまでになります。
よりセンシティブに改造したサンプルを
後ほど公開しようかと思いますが、お待ちください。