sukiyahal - Tumblr blog

[sukiyahal]

まだこねただけですが、こんな感じになりました。

リトポロジーを頑張れば動かせる様になるのかな？

[sukiyahal]

Solaの頭をスカルプトで制作してみたけど、自分にとっては得る物が多いと感じる そもそも立体物に対して、まだまだ知識や想像力が足りていない 下絵を元にしてモデリングする手法は、それらが身についてからの方が無難だ

[sukiyahal]

頂点カラーをフラットに塗る方法

　テクスチャに拘るといつまでも完成が見えない予感がしたので、色についてはとりあえずVertex Colorを採用して進むことにしました。

　それで、爪について塗り直そうと思ったのですが……

　なんか……滲んでます。

　実は頂点ペイントには「頂点モード」と「面モード」がありまして、「頂点モード」だと自動的に頂点間で色を補完してしまうようです。

　左上のアイコンで切り替えることができます。

　無事、フラットに塗ることができました！

[sukiyahal]

レンダーパイプライン？

以前作成したWebXRサンプルに何か追加してみたくて、Solaのモデルを置こうと思い立ちました。

まだテクスチャはないので、また頂点カラーシェーダーが必要です。

そういえば、Unityにもノードベースのシェーダーがあるようなので今回はそれを使って頂点カラーを取りたいと思います。

必要なのは Shader Graph と Universal Render Pipeline です。

この2つを入れると、メニューからノードベースのシェーダーを作れるようになります。

今回は光の影��を受けない「Unlit」で作ります。

ちなみに、通常のシェーダーとは別物として扱われるようです。

あとはVertex Colorの項目を出して、Fragmentシェーダーに繋げるだけ！

……の、はずだったんですが

なぜか、色のノードに何を繋いでも反映されずピンク！

調べてみると、Shader Graphで扱う新しいシェーダーは方式がこれまでと違うらしく、

Project Settings > Graphics

のここが空っぽだと機能しないらしいです。

ここに入れるアセットは Create > Rendering から生成することができます。

生成されたアセットを放り込んだら

問題なく表示されました！

ところが！

今度はWebXRのサンプルシーンにあったマテリアルが軒並みピンクになってしまいました！

これは古いシェーダーが新方式に対応していないために起こる問題のようです。

Edit > Render Pipeline > Universal Render Pipeline > Upgrade~

で、古いシェーダーを新方式に対応させることができるました。

~

[sukiyahal]

リギング効果

ボーンで動きを確認しながら調整したメッシュの比較です。

左が調整後、右が調整前です。

当たり前かもしれませんが、綺麗に変形するように調整した後の方がな〜んか手っぽいです。

機能美ってやつなのかな、なんてちょっと感動しました。

[sukiyahal]

腕が折れる

腕をIKで制御しようとすると……

うぎゃーです。

原因は、編集モードであらかじめ折れる方向に関節を曲げていなかったこと。

足の場合は自然とくの字に配置していたので、気付きませんでした。

これでよし……と。

そうそう、これこれ！

ただ、よく見ると肘の曲がりがやや不自然なので、スキニングとやらをしてもう少し肘っぽく機能させたいですね。

[sukiyahal]

UE4はエラーの嵐

公式のドキュメントを読めば、環境構築までは簡単でした。

バージョン 4.26.1

しかし、いざビルドや実機起動を行おうとすると次々とエラーが……

1. ライティングビルドが進まない

0%のまま停止してしまいます。

調べてみると、「Unreal Lightmass」をファイアウォールで許可する等の対策は出てきましたが、効果なし。結局、ファイアーウォールをオフにすることで一応解決しました。

2. 実行ファイルをビルド中にStarting:Intentで固まる

プロジェクト設定>Android>Android>Androidパッケージ名

デフォルト状態で[PROJECT]が含まれていると、上手くいきませんでした。[PROJECT]をtest等に書き換えて再度ビルドすると、次へ進むことができました。

※……と思いきや、再度ビルドしてみると再び止まりました。謎です。

3. Gradleに関するビルドエラー？

これについても様々な解決方法がありましたが、いずれも効果なし。

最終的に、プロジェクトのIntermediate/Androidフォルダを削除してからビルドすることで一応解決しました。

ただし、同様のエラーが出る度に削除する必要があります。

これで一度ビルドは通ったのですが、残念ながらゲームで遊ぶことはできませんでした。ロードが終わらない。

UE4のエディタは大好きなので、いずれ再挑戦したいです。

[sukiyahal]

手直し

今回から、各部位の修正を行います。

元々の手です。

率直に言って、気持ち悪い！

漫然といじっていても沼にハマりそうな気がしたので、絵を描いてみました。

こんな感じかな？

Solaは指が4本です。

絵を元にガリガリと修正してみると……

おぉ！割とそれっぽくなりました。

やはり絵を描いてみるのは良さそうですね。

次は足でしょうか。

[sukiyahal]

WebXRを作りたかった。

URLを開くだけでVR……最高の体験ですよね。

2021/04/09現状はこちらのアセットを利用するのが良いようです。

https://github.com/De-Panther/unity-webxr-export

Documentationに従って設定を行うだけで、詰まることなくサンプルをビルドすることができました。

こんな感じのファイル群が出力されます。

通常はこれをサーバーに置いて公開にするのですが、ただのテストなので今回はGitHubのGitHub Pagesという機能を使って公開しました。

いざ、アクセス！

………………

ロードが終わらない！

調べてみると、サーバーの設定によってはファイルを自動解凍できず、ロードが止まってしまうらしい。

Player Settings>Publishing Settingから

Compression Format -> Gzip

Decompression Fallback -> チェック

と設定。

これでサーバーの設定によらず、解凍が実行されるようになるようです。（代わりに、読み込みが鈍化する）

再びビルドしてファイルをアップロードすると、今度はうまくいきました！

Oculus Quest 2の標準ブラウザでURLにアクセスすると、コントローラを使ったVR体験がしっかり楽しめました。

凄い。

[sukiyahal]

Oculus Quest 2は無線で開発したい

Oculus Quest 2のアプリをUnityで作ったら、USB接続してインストールします。

adbコマンドを使えるようにする必要があります。

以下をダウンロードするとadbコマンドが入っているので、適当な場所に置いてパスを通します。

https://developer.android.com/studio/releases/platform-tools?hl=ja

Unityでアプリを作成してapkファイルができたら、コマンドを使ってOculus Quest 2 にインストールします。

adb install -r 作成したapkファイル

インストールが終わると、Oculus Quest 2で実行できるようになります。

無線化

なお、以下のコマンドを使ってOculus Quest 2 を無線で繋げることもできます。

adb tcpip 5555

5555は接続に使用するポート番号なので、任意の数値です。

続けて、Oculus Quest 2のIPアドレスを使って以下のコマンドを入力します。

adb connect IPアドレス:5555

これ以降Oculus Quest 2は無線モードになります。

なお、有線接続に戻すには以下のコマンドを入力します。

adb disconnect

残念ながら無線化はOculus Quest 2を再起動すると解除されてしまうようなので、起動する度にコマンドを実行する必要があります。

[sukiyahal]

目をぐりぐり（失敗）

Solaの目はこんな構造です。

空洞の中に板ポリの瞳が浮かんでいます。

これをリギングしてぐりぐり動かせるようにしたいと思います。

こちらの動画を参照しました。

問題発生！！

ボーンを付けてグリッとしてみたところ、瞳が傾いてこんなことに。

動画内の目は丸い形をしているようなので、板ポリ用の対応が必要ですね。

色々試した末に、目の向きを決めるeye_lというボーンの先端へ新たにpupil_lというボーンをくっつけて板ポリと結びつけました。

さらにボーンのプロパティから「回転を継承」を無効化し、回転しても瞳が前を向き続けるようにしました。

よしよし、いいじゃないの……

よしよし……

？！

課題の残る結果となりました。

[sukiyahal]

こ、壊れてる！

いざ、Unityの世界へ！

……ん？

ドーン！

Unityへモデルをインポートしたところ、メッシュが壊れていました。

調査の結果、アーマチュアとの接続を切ると正常化する様子。

でもそれじゃあ意味がない。どうしたものか……

Blender

面がひっくり返っているときの表示に似ていますが

調査しても該当する面は見当たらず。

メッシュ＞ノーマル＞面の向きを外側に揃える

も試してみましたが、変化なし。

Unity

そこで、試しにUnityでリグをOFFにしてみました。

すると……

な、何これ……

どうやら、オブジェクトのサイズ（トランスフォーム）を調整しないまま作業を進めたせいで、内部はかなり無茶なことになっていたようです。

Blender

オブジェクトモードにて

適用＞全トランスフォーム

を全オブジェクトへ繰り返しました。

その結果、法線がぐちゃぐちゃになったので再度

メッシュ＞ノーマル＞面の向きを外側に揃える

を実行。

Unity

ドーン！

おぉ、普通！

ちょっと窮屈そうですが、Humanoidのアニメーションもできました。

また来週〜

[sukiyahal]

バランスをもう一度

イラストと同じポーズをさせてバランス確認をせよと聞いたことがある。

……なるほど。全然違う。

下半身と腕を強化して腰回り、胸……

と、こんな感じでしょうか。

同時にウェイトも調整できたし、ポーズを取らせて調整するメリットは大きいですね！

アーマチュアモディファイアの横にある表示オプションを全てONにすると、ポーズを取らせたまま編集できます。

これにて目と口も作り終えたので、次は表情を付けたいですね。

[sukiyahal]

頂点カラーって奴

色ごとにマテリアルを張り替えていたんだけれど、

頂点カラーを使うとシェーダーと色情報を切り分けられるんだね。

目も尻尾もモフモフも付いて、ヨシヨシ……ん？

なんだかバランスが……

[sukiyahal]

頭ができたよ

輪郭を作って、耳と角と髪を生やしました。

一応誰を作っているのかわかるようになりました。

[sukiyahal]

まだ赤い人

体型をSolaに近付けまし��。

未だ赤い原因わからず……

[sukiyahal]

赤い！

少し体型をケモノっぽくして、オレンジ色にしたんだけど……赤い！

Mixamoの仕様なのかな？