てんちょーの技術日誌

自分がつまづいたこととかメモ

【UE4】BPで気合のProcedural Modering

はじめに

Unreal Engine 4 (UE4) Advent Calendar 2017 の2日目です。

qiita.com

今回の内容はあまりオススメできませんが、気になったのでやってみた次第です。

先に参考図書である「Unity Graphics Programming」のリンクを貼っておきます。これをUE4に移植してみた、という内容です。 この本、割りとTwitterで話題になっており、初めて買えるタイミングであった技術書典3に僕も出展してたんですがなんとお隣のブースでした()

indievisuallab.stores.jp

実際のサンプルコードはこちらに。

github.com

まあこのまま移植しても多々ミスって思うように表示されなかったり、ちょっと手を加えないといけない箇所もあったりして 割りと大変でした。はい。

Procedural Moderingとは

通常のモデリングはDCCツールと呼ばれる Maya, 3ds MAX, Blenderなどを用いて作成することが多いです。 それとは別に計算だけでモデリングすることです。参考図書には

ルールを記述し、自動化された一連の処理の結果、形を得るアプローチのこと

とされています。

応用例としては AirtoneのコレもProcedural Moderingしてマテリアルで演出しているそうです。

f:id:shop_0761:20171101133503p:plain

https://youtu.be/qssKpo8cHYwより

始める前に

さがしてみると、もんしょさんが先にやっていました。さすが!

もんしょの巣穴blog [UE4] ProceduralMeshComponentを使ってみる

さすがに複雑な計算をBPでやるのは骨が折れるので、ProceduralMeshComponent を使う場合はC++の方がいいと思います。

はい。のでこれをBPでやりました。すると代わりにたすさんの骨が折れました。

できたもの

先に完成イメージを見ておきましょう。よっしゃーできた!!と思っても知らない人には正直大したことないものなので 心が強い方が取り組むことをオススメします。

f:id:shop_0761:20171101134149g:plain

f:id:shop_0761:20171101134217g:plain

f:id:shop_0761:20171101134242g:plain

f:id:shop_0761:20171201020107p:plain

多少見栄えするようにTimelineでしゅるしゅる動かしたりしてますが、特に意味はありません。

こんな感じで頂点があります。

f:id:shop_0761:20171201022926g:plain

作ってみる

こちらに今回作ったアセットをサンプルとして置いておきます。 詳細な考え方は参考図書を読んで下さい。

github.com

とりあえずBaseクラスを作っておきました。BP_ProdeduralMeshBaseとしています。

f:id:shop_0761:20171201020614p:plain

f:id:shop_0761:20171101134949p:plain

f:id:shop_0761:20171201020657p:plain

Debug用にちょっと関数を用意してありますが、あまり頂点数が多いとUE4ごと死にます。気をつけましょう。

基本的にはこのDraw MeshをOverrideして使う感じです。

では板ポリを出して見ましょうか。継承したBP_QuadでDrawMeshをOverrideします。

f:id:shop_0761:20171101140201p:plain

するとこんなかんじ

f:id:shop_0761:20171101135719p:plain

わーい!これくらいならお手軽ですね。UVも設定してあげるとチェッカーの模様が出ます。 失敗してる / 設定してないと消えます。

f:id:shop_0761:20171101135827p:plain

同様にNormal, Tangentも設定できます。

移植時の注意点

だれもやらないとは思いますが、一応。参考図書がUnityなので、座標系、単位が違います。 またいくつかのindexに注意が必要です。(i >= length と i > length とか)

コードを何度も見直しても、間違ってる箇所が見つからない場合は、自分が見落としている可能性があるので 何日か空けて見直すしかありません。それでも思うように出来ない場合は手探りで調査します。(木の後半は手探りでした)

便利ポイント

Procedural Mesh Componentで生成したMeshはStatic Mesh化できます。

f:id:shop_0761:20171201025022p:plain

ここからCreate Mesh して保存すると、

f:id:shop_0761:20171201025124p:plain

とアセット化できます。

おわりに

最近どういうわけかUnityとUE4を同時に起動する時間が長くなり、謎の移植芸を身に着けてしまったようです。 動的にモデルを生成したい、モデルアセットはプロジェクトに入れたくない、BPしか使いたくないけどProcedural Moderingはしたい、などといった 特殊な人向けの内容になってしまいました。 最初のPlaneやQuadレベルだとやる意味をあまり感じませんが、木とかできると途端にすげぇ感がでますね(間に合ってよかった)。たぶんSpeedTreeを使ったほうが速い気がしました。

宣伝

UE4の動画教材(日本語)がこれからどんどんUdemyに出てきそうです。 僕のが一番最初に出たライトな感じのやつなので、興味があれば覗いてみてください。 こちらはちゃんと役に立つ系のものです()

www.udemy.com

ちょうどこの記事を公開する1時間くらいにalweiさんのが公開されたようです。

unrealengine.hatenablog.com

それとこの動画教材を作ったお話を 第2回UE4何でも勉強会 in 東京 にてLTするのでよければぜひぜひ。

ue4allstudy.connpass.com

【WinMR】バックパックPC + WinMR でUSB/Bluetoothが繋がらなくなった話

はじめに

こんなのをUE4で作りました

これ、当初の予定では僕のバックパックPCを使って撮るつもりだったんですが、途中でうんともすんとも言わなくなり 急遽ノートPCを借りてやりました

おはなし

環境

お外でやりました。PCはこれ。

www.dospara.co.jp

WinMR の方はAcerのDevelopment Editionです。(コントローラーないやつ) 動画内で使ってるコントローラーはDellのやつです。

OSはこんな感じ。

f:id:shop_0761:20171114011943p:plain

グラボのドライバ

f:id:shop_0761:20171114012029p:plain

死兆星が見える

なんとかの拳で見えるアレです。見えると死が近いと言われるやつです。

撮影するためにいろいろ試行錯誤してる途中で、なぜか注視点が2つ見えました。 片目で見ても2つ見えたので???と思っていたら、今度はオレンジ色になりました。とりあえず動いてるからいいか、と思って続行。

電源がつかない

オレンジの注視点が見えた状態で歩きまわっても動画のように歩き回れなかったので、 おかしいなと思いPCごと再起動しようと思いました。なんとかなるでしょ、ぽちーっと電源ボタン長押しで一旦落としました。

今回は iPad Pro 10.5 + Splashtop Wired XDisplay HD で外部モニタとして使ってました。 ので通常のモニタ出力と違い、ちゃんとアプリが表示してくれないと状況がわかりません。 というか、それ以前に電源が入らなくなりました。バッテリーはまだ残っているはず…おや…?

USBが繋がらない

しょうがないので、デコ氏(@Ash_Yin)のおうちにお邪魔してモニタに繋ぎ確認することにしました。 電源に繋いでつくことはつきましたが、USBとBluetoothが反応しない…詰みでは…???

どの段階でUSBが来ないのか、チェックするためにダメ元でBIOS起動を試みるといける…おや!?!? どうしたものか…これ…

原因を調べる

さて、おうちに帰ってきて原因を調べることに。 事前にChrome Remote Desktop が起動時に立ち上がるようにしていたのが救いでした。 おうちに帰ってきてなんとか操作できるように…

Bluetoothどうなってるかなーと見てみると、

どういうことなのこれ

ドライバ入れ直せばいいかーと思って適当にググってる途中で、 intel usb 3.0 extensible host controller driver が無効になってることに気が付きました。

これ…有効にしてみるか…すると USB ルートハブ(USB 3.0) が現れました。 こいつも有効にするか…と有効にしてみるとUSBもbluetoothも生き返りました。

まとめ

Immersiveなヘッドセット 開発周りであわあわしてるのをよく見ますが、このようにドライバを無効にしてくるケースがありました。

まあしゃーないところはあるので、自己責任ということでお気をつけを…

リモートで操作できる環境を用意しておくことをオススメします…

【UE4】WindowsでiOS用アプリをビルドしてみた【ARKit】

はじめに

ARKitの動作はまだ未確認ですが、win機だけでiOSビルド & 実行が確認できました。 この方法があってるかかなり微妙ですが、一応動作例が多いほうがいいかなということで書いておきます。

【2017/11/10 16:10追記】ARKitの動作も確認したので、下の方に追記します

動作環境はUE4.18.0でPCはこんな感じ

f:id:shop_0761:20171110134502p:plain

iPad Pro 10.5インチ + iOS 11.1(15B93)

Appleにお布施をしてない方はしてくださいね()

参考サイト

一通り目を通しておくとよいかも。

CEDEC 九州でのモバイルの話

www.slideshare.net

証明書とかプロビジョニングファイルを消す方法

Delete all certificates on PC - iOS Packaging - UE4 AnswerHub

UE4.18 のリリースノート

https://www.unrealengine.com/ja/blog/unreal-engine-4-18-released

ARKitの使い方 ※ UE4.17

https://www.unrealengine.com/ja/blog/getting-started-with-ue4-and-arkit

手順

この通りやればいけます。 (リンクが古くなっていたので修正しています 以後のスクショと異なる可能性があります…) docs.unrealengine.com

がしかし、ここで緑のチェックが出ない…

f:id:shop_0761:20171110135735p:plain

ので、6. iOS プロビジョニング- プロビジョニングの作成とインポートのとこではエディタからインポートしています。

Project Settings → PlatformsのiOSで Import Provision と Import Certificate できます。

f:id:shop_0761:20171110135851p:plain

さて、よく見ると

と、ダメそうな予感。

一応目的はARKitなので必要な設定をしておきます。とりあえず空のモバイル向けプロジェクトでやるといいでしょう。

ダメ元でiOSビルドしてみると、通ってしまいました(困惑)

どういうことなんだ…いいのかこれは…

実機への転送 【2017/12/21 22:43追記】

なんかググってて見つけたので僕はシュッといけたのを忘れてましたが、 引っかかってる方がいたので参考リンクを貼っておきます

tiger.suplex.net

その他

個人的にこういう証明書とか作る時、ファイル名とかほんとにいいのかこれで…みたいな気持ちになるのでメモ程度に書いておこうかと。

最終的に出来たファイル群はこちら。

f:id:shop_0761:20171110142030p:plain

Apple ID

まずここ。

f:id:shop_0761:20171110140421p:plain

このDeveloperページから確認できるメールアドレス(多分右上のとことかにある)とTeam Name を使いました。 日本人あるあるな(気がする)姓名逆にすべきかどうかは、ここで登録してるTeamNameを使うと良い気がしました。(僕は逆になってました)

Sign In - Apple

UDID

端末をPCに繋いで、iTunesで見られます。終わり。

supportforums.cisco.com

App ID Name と Profile Name

適当で大丈夫だと思います。プロジェクト名とかぶらないほうがいいのかも…?

  • App ID Name: ARKitTestApp
  • Profile Name: ARKit_Profile

にしました。

f:id:shop_0761:20171110141302p:plain

f:id:shop_0761:20171110141342p:plain

まとめ

おかずさん(@pafuhana1213)ありがとうございました!!

ARKit 【2017/11/10 16:10追記】

こちらが参考になります。

speakerdeck.com

リリースノートのサンプルプロジェクトはMacでのリモートビルドが必要なようなので、 こちらにあるサンプルプロジェクトはWin機のみで完結するように修正されています。

スライドにないポイントとしては 「Start in AR」のチェックを入れておきましょう。(VRのときもあった)

f:id:shop_0761:20171110161304p:plain

あとは忘れがちなAdditional Plist Data ですね。

中身はコレ。

"NSCameraDescription\nUE4 needs camera access for ARKit.\n"

f:id:shop_0761:20171110161356p:plain

【UE4】UE4 discordで解決した質問まとめ (不定期更新)

はじめに

なんかいきおいでUE4のdiscordのサーバーを立てたりしてみました。

discord.gg

2017/10/19 現在で245人いて、大体50人くらいが常にオンラインくらいっぽい。 気軽に軽めの質問が行き来するquestionチャンネルや、公式ドキュメントの日本語訳が怪しいのを指摘できたりするlocalizationチャンネルなど を用意してみました。

questionチャンネルで解決した質問の中から幾つか抜粋してまとめておこうかと思います。 適当にコメントをコピペしてきてます。

同じアクターにふたつ以上のスケルタルメッシュを置いた場合、メッシュBに対してメッシュAの現在のアニメーションや再生速度を適用する方法 by Sigさん

ひとつのアクターに二人の同じ動きをするキャラクターがいるみたいな感じ

f:id:shop_0761:20171019195520p:plain

Set MasterPoseComponentノードで、複数のスケルタルメッシュに現在のアニメーションをコピーできる

ので、

服替えたりするぶんにはこの方法が良さそう

だそうです。

Copy Pose from Meshの方がいいです

by cyaoeuさん

4.17でGearVRControllerの使い方 by shiratori1221さん

4.16までコンポーネントが合ったのにいつの間にか消えてた

らしい。それはビビる。

GearVRControllerコンポーネントは、自己管理型のMotionControllerコンポーネントとStaticMeshコンポーネントで置き換える必要があります(メッシュアセットは/ OculusVR / Meshes / GearVRControllerにあります)

とのこと。 by カニパンチさん

You do not have any debugging symbols required to display the callstack for this crash とは by TomTomACESさん

Packagingしたexeを実行したときにクラッシュすると出るやつですね リンク先の通りDebug symbolsを追加してあげればよかったはず

以前までデフォルトで入ってたはずですが、エンジンサイズが大きくなってしまうので任意でインストールできるように変わった気がします

はい。あるある。

Widgetってマクロライブラリが使えない? by Daisuke Ohnuma

MacroLibraryの親クラスがActor以降を継承している場合は使用できませんが Object継承の場合は使用可能です。

UserWidgetの継承関係ですが UUserWidget→UWidget→UVisual→UObjectです。 https://docs.unrealengine.com/latest/INT/API/Runtime/UMG/Blueprint/UUserWidget/index.html

と まめおさんより。

TMapの末尾要素を取得するシンプルな方法って何かありませんか? by まめおさん

TArrayの場合はLastを使うことで末尾からindexを引いた要素が取得できます。 これと同じようにTMapの末尾のValueを取得したいです。

TMap<FString, int> map; auto it = end(map);

alweiさんより。ただし、

std::endは使えないので、TMapBase内で本来はrage-base forをサポートするために定義されたprivateなfriend関数。ただし、ハッシュテーブルで実装されたTMapを末尾要素からアクセスするような理由は本来ないので、コメントの中でもDO NOT USE DIRECTLYになってる。

f:id:shop_0761:20171019201758p:plain

alweiさんのマルチプレイサンプルは4.14でも動いたけど、4.16(4.17)にするとマッチングしないぽい? by てんちょー

Public Connections と listen オプションの2つを修正

public Connections の数を増やし、Open LevelのOptionsに -listen を追記しましょう。

エンジンを起動したときに、いきなり前回開いたプロジェクトが開くようになっちゃった by プラムさん

f:id:shop_0761:20171019203059p:plain

ここにチェックが入るとそうなる by alweiさん

f:id:shop_0761:20171019203208p:plain

ここから外せるけど、UE4.15以降消滅したっぽい by alweiさん

プロジェクトを開いてからOpen Projectでも消せますよ。

と、cyaoeuさんより。

BPの差分をテキストベースで表示するにはどうすればいいですか? by まめおさん

これとかどうでしょ http://unrealengine.hatenablog.com/entry/2014/10/03/232449

フォワードレンダリングにチェックを入れるとマテリアルとかのサムネイルが by shiratori1221さん

f:id:shop_0761:20171019203950p:plain

Change 3480600 by Yujiang.Wang

Fix for UE-42376

* The bug is caused by post-processing ambient cubemaps not being supported in forward shading currently.
* This fix replaces all the occurences of them in CalcSceneView with a skylight using the cubemap
* If a CalcSceneView is used solely for setting the PP ambient cubemap, it is removed.

#jira UE-42376

html5のビルド by プラムさん

qiita.com

エッジのシャープなモデル(fbx)をインポートした時、自分の環境ではモデリングした通りに表示されるが、他のPCで同じプロジェクトファイルを開くとエッジが丸くなった by ayanさん

インポート設定のノーマルに関する設定とかの問題でしょうか?Compute Normals× Import Normals and Tangents○

とcyaoeuさんより。

こんな感じでちょこちょこ更新できたらよさそう。

【UE4】VSCodeを使ってみる(小ネタ)

はじめに

UE4.18 preview版からVSCodeが使えるようになったそうです。

Core Updates: Visual Studio Code can now be used to write code on Windows, Mac, and Linux. To use it, select “Visual Studio Code” as your preferred IDE from the editor preferences dialog, or add the -vscode argument when generating project files on the command line.

この設定どこだろ、とちょっと迷ったのでメモ程度に。

設定

Editor PreferncesのSource Codeにあります。

f:id:shop_0761:20171019193530p:plain

これをVSCodeにしてあげるともう使えます。おわり。

試しに作ったMyActorはこんな感じに。

f:id:shop_0761:20171019193657p:plain

もちろんHot Reloadもいけました。

【UE4】VRてんぷれーとを読んでみた本 正誤表

正誤表

ハッシュタグ #VRテンプレ本 等に寄せられた誤字脱字、訂正などを適宜追加しておきます。

ページ/対象箇所
P19 / Animation Stateを管理してる部分の箇条書き Can Frab Can Grab
P24 / 3行目 Over lap Overlap
P59 / コメント等で改行する Crtl + Enter Shift + Enter

他にもありましたら、 Twitter: shop_0761 等にご連絡ください

【Chrome拡張】VALUで後で見るリストを作るやつを作ってみた

はじめに

VALU夏休みらしく、VAのやりとりが出来ない期間にバンバン新着更新されたりして 月曜日は一体どうしたら…みたいな気持ちになったりします。

それにこの感じだと新着が夜中に来て、9時に備えなきゃ…みたいなことに今後なりうるかも、 と思ってパパっと作ってみました。

Chrome拡張自体は初めて作ったけど、意外となんとかなりました。 またストアに公開しても良かったんですが、開発者登録料がかかるしChrome拡張の有料版もあんまり見たことないしで 微妙だなと思ってやめました。野良拡張として配布するので、導入するかどうかは自己責任ということでお願いします。

勝手にVListと呼んでます。

機能紹介

とりあえずこんな感じ。

f:id:shop_0761:20170805095905g:plain

消す時はこれ。

f:id:shop_0761:20170805100024g:plain

また、右クリックからも追加できます。

f:id:shop_0761:20170805100245g:plain

あとはボタンにあるように、登録した人を新規タブで全部開くボタンと、全部消すボタンです。

配布先と導入方法

GitHubにおいておきます

github.com

CSSはこちらを使わせて頂いてます。

github.com

導入方法はここが参考になるかも。

qiita.com

まとめ

ソースコード一式公開してるので、各自勝手に改造してもらってかまいません。

また応援していただける方はこちらもお願いします。

valu.is