UnrealEngine4研究所

Itunes12.7から「App」の項目がなくなったことで、UE4から出力した実行ファイル(*.ipa)がitunesから転送できなくなってしまった。どこを探しても前にあったAppメニューがない。どうやら新しいitunesからはＰＣからアプリの管理ができなくなっているらしい。

 

とりあえず困ったが、Windows上で作ったipaをiPhone実機に送る方法としてはipaをiTunesの「デバイス」の欄にドラッグ＆ドロップすることで転送できた。

ドラッグ＆ドロップと同時に同期が始まる

無事、iPhone上で起動。

あけましておめでとうございます、ガルルソフト研究所です。
今年もどうぞよろしくお願いいたします。

さて今回は年末に届いた第６回ぷちコン入賞の賞品の数々をご紹介。ぷちコンとはアンリアルエンジンを使ってお題発表から約１か月くらいの期間でテーマに沿ったものをつくってみよう、っていう（株）ヒストリアさん主催のぷちコンテスト。僕は外野手向け野球ゲー「ハミだしスタジアム Lv.99」っていうタイトルで挑んだ。とにかく作ったものを発表できる場所があるだけでもありがたい。おかげさまで「テーマに沿ってるで賞」っていうのを頂いた。

ヒストリアさん主催のぷちコン概要
http://historia.co.jp/ue4petitcon

そして、今から紹介するのが主催者のヒストリアさんからクリスマスの朝に届いた入賞賞品の数々！テーマに沿ってるだけでもらってしまったすげえプレゼントの紹介を通じて第７回ぷちコンに向けてテンション上げていこう！

まずこれがクリスマスイブの朝に届いた箱。横にPSコントローラーを置いてみた、結構でかい。娘のプレゼントを間違えて自宅に届けてしまったかと思って、一瞬ヒヤッとした。





差出人はヒストリアさん、関西ゲーム勉強会で登壇されてた時に年内に贈るよ、っていってくれてた「ぷちコン」の入賞賞品じゃないですか。

まず一つめ。
お！これはブルートゥースキーボードですね。トラックパッドがついてるやつじゃないですか。愛用のmacについてるトラックパッドをWindows10で使いたかったのでこれは嬉しい。ありがとうございます。




そして次がクリスタルトロフィ。おおお立派じゃないですか。そもそもこういうのをもらう機会があまりないだけに、どうしていいかわからない。一番いいところに飾ることにする。前回もらったのはBitSummit2014での特別功労賞だった。あの時は「インディーズで重装機兵レイノスを作るよ！」っていう企画とPS4でのサンプルゲームに対してもらった賞だった。あれから３年も経つのか・・・・。ハミスタ９９の名前まで入れてくれていて造ったものを心から表彰してもらってる気がして大変嬉しい。



これは一緒に入っていたヒストリアさんからの表彰のお言葉。


次がこれ。まったくわからん。アンテナみたいなのがついてる。なんだろうこれは、ラジオかな？



やっぱりラジオかもしれない。スピーカーっぽいものもついてる。むむむ～。ブルートゥースキーボードは使い方というか、贈られた意図はまあわからなくもない。きっともっと頑張ってUE4を勉強しようぜ！って言ってるんだと思う。しかしラジオの意図がくみ取れない。。、う～～ん。




型番はDG-STK4Sって書いてある。調べてみると、おおおお！おおおを。これは「スティックPC」っていうやつじゃないですか。聞いたことはある。テレビに挿したらそのままPCになるっていうアレか！HDMI端子にはカバーがついてるのでちょっとわかりにくいけれども、側面のカバーを外すと端子がでてくる。うをお、挿したい、今すぐさしてみたい。

性能を調べてみると、以下のようなスペック。Windows10がプリインストールされている。
インテル Atom x5-Z8500 (クアッドコア/定格1.44GHz/最大2.24GHz/キャッシュ2MB)

これは茶の間のPCとして最適だな、ちょっと離れたソファからテレビでPCができるっていうのがいいね！そうなると無線のキーボードがほしくなるよね、って「！」

ああっそーいうことだったのかっ！すみません、すみません。最初に出てきた無線キーボードはこれで使うためについていたんかーー！ううぅ、なんて至れり尽くせりなんだ。
ヒストリアさん、そしてスポンサーのドスパラさんありがとう、ありがとう。テーマに沿ってるだけの応募作でPCまでもらってしまってすみません、すみません。


そして最後に出てきたのがコレ！参加賞にもなっている「第６回ぷちコンTシャツ」である！第６回テーマの「フライ」がしつらわれている。これのデザインのリテイクで発送が遅くなってるんですよねーってヒストリアさんが言ってた、こだわりのTシャツである。誇らしいぜー！



というわけで、以下が今回の賞品の数々。



次回の「第７回ぷちコン」は春先に予定されているそうです。自分のつくった作品を審査してもらえること、表彰してもらえること、多くの人に見てもらえるきっかけを作ってもらえること、入賞したらアンリアルフェスで飾ってもらえること、など、UE4を使ったモノづくりのモチベーションが凄くフォローされる超素敵なコンテストでした。

同じく第6回のぷちコンで「SPACE FLY -ショウジョゥバエのタンジョウ-」から
【真茅賞】を獲った灰原とうさんとは、偶然にもその後のゲームジャムとかスクエアエニックスのUE4セミナーなんかで顔をあわせる機会があって。このコンテストを通じてUE4の研究開発をしている人達との交流の機会を増やすことができました。１か月でそれなりに完成させようと思うと、それなりに時間も食うんだけど、やっぱこうやって賞をもらうと嬉しい！

次回もぜひ参加したいと思います！

■水面処理のアセットを使ってみるよ！

EpicGames社のCyber Monday Saleで欲しかったUE4アセットを片っ端から衝動買い。無駄にしないためにもアセットの使い方をメモっていきます。

 ■ Reactive Water

水面の表現にWaterPlanesはよくできているが、とりあえずWaterPlanes以外の選択肢の１つとして買ってみた。水中歩行のエフェクトでボトムズのクメン編みたいな演出に期待してる。

 ■買ってみて

WaterPlanesの代わりにはならなかった。なぜなら水面の表現は含まれていないからだ。キャラがバウンディングボックスに入ると波紋ができる。過度な期待をしていると少し淡白な演出にやや肩透かしを食うところもないわけではないが波紋については期待以上だった。波紋を通して見える画像の歪みがいい感じなのである。ただ＄１０なら作る手間を考えると確実に安いのだが通常価格の＄２０なら頑張って、もう少しカスタマイズ可能なものを自分で作ろうかな、、、という気にはなる。

　波紋の向こうの歪んだ感じがいいねー

■使い方

使い方は非常に簡単。BP_Water_Actorをアウトライナーで配置するだけでいい。バウンディングボックスを配置するとその領域に入ったCharacterが水面の高さに併せてエフェクトが出るようになる。水面そのものは表現されないので別途「Instant Swimmable Water」のアセットと組み合わせるといい感じに水面のエフェクトができる。クメン編はできるね。

Instant Swimmable Waterの水面と組み合わせてみた、いい感じ。

ただこのエフェクトが生成されるのは、どんなものにも対応しているわけではないので注意。具体的にはCharacterなら配置しただけで波紋が発生するが、Pawnなら発生しない。BPを解析してみるとCharacterMovementのVelocity値を参照して波紋を生成しているので、CharacterMovement（のVelocity値）を持たないActorとかStaticMeshでは波紋が生成されない。とはいえバウンディングボックスに含まれるActorを検索してVelocity値を参考にしているだけなので、この辺りを改造すれば自分の都合に合うActorにも対応させることができる。実際にPawnにCharacterMovementコンポーネントを付加してVelocity値を設定すれば波紋を発生させることはできたし、そもそも参照している値をVelocity値から自分の都合に合うものにかえればどうとでもできそうなシンプルなBPで助かる。

標準アセットのWaterPlaneとの組み合わせ。

WaterPlaneのリアルさとReactiveWaterのゲーム的な波紋の表現とのかみ合わせが見た目的にちょっと相性が悪い。調整でなんとかなるかもしれない。

お手軽に水面の表現を少しリッチにしてくれるアセットで買ってよかったと思える。安い時にオススメ！

■アニメーションアセットを使ってみるよ！

EpicGames社のCyber Monday Saleで欲しかったUE4アセットを片っ端から衝動買い。無駄にしないためにもアセットの使い方をメモっていきます。

 ■ Dynamic Sword Animset

ゴールデンアックスを作りたくなったときに必要になるので買った。自分でうまく作れないモーションだけにとても価値があるが、今まで５０００円オーバーすることを躊躇していた。しかしセールで半額の今なら買える、今しかないって思って買った。いっぱいモーションが入っていることに期待。

 ■買ってみて

いいね！実際には101ものモーションが入っていた。１つあたり30円と考えれば安いなぁ。中にはInPlaceっていう位置を動かないデータが101、RootMotionっていう位置移動を伴うモーションが46モーション入っていた。RootMotionの46モーションはInPlaceに入ってるモーションと同じアクションではあるが位置移動を伴う。その場で昇竜拳（弱）モーションを行うのがInPlace、画面上方向にジャンプしながら昇竜拳（強）を繰り出すのがRootMotionっていうイメージ。同じモーションだけど動きが違う。当たり判定のつけ方も異なる。

その他にはシールドと剣のモデルも入っていた。

■使い方

「ThirdPerson」テンプレートを例にとると「ThirdPersonCharacter」のブループリントを編集する。マネキンに剣を持たせてアニメさせてみる。

 

[モデルの登録]

・MeshのSkeltalMeshにSK_Mannekinのモデルを割り当てる。

・AnimationにUse Animation Assetを選択し、適当なモーションを選択

　※例）AnimToPlayの項目で[Idle_Eqip_01]を選択

 

[剣の登録]

・「ThirdPersonCharacter」にスケルタルメッシュ・コンポーネントを追加

・Swordを割り当てる

 

[剣をモデルにアタッチする]

・「AttachToComponent」を使って剣とマネキンを関連付ける

とりあえず、ここまでで剣を持ったグレーマンをアニメさせることができる

次は剣を振って攻撃させてみたい。

 

[剣を振って攻撃する]

剣を振って攻撃させるのは、少し複雑である

さっきは固定のアニメーションを指定するだけだったが、次はステートマシンを使ってアニメを変更させることにする。そのために新規に「アニメーションBP」を作成して「ステートマシン」を設定することになる。

まず、コンテンツブラウザーからアニメーション＞アニメ―ションBPを選択。AnimInstanceとターゲットSK_Mannekin_Skeltonを指定。名前を「SwordAnime」と名付けた。

 

[SwordAnimeの割り当て]

・まずメッシュに設定したアニメのモードを「Use Animation BP」に変更

　※「Use Animation Asset」から「Use Animation BP」に変更する。

・Anim Classに新規作成した「SwordAnime」を割り当てる

・SwordAnimeを開いて「グラフ」モードにする

・グラフモードの「アニムグラフ」を選択

[デフォルトのステートマシンを追加する]

ここではステート（状態）を管理、遷移させるためのステートマシンを作成する

追加されるのはステートマシンであってステートではない。ステートはステートマシン内で作成する

 

・まずグラフ上で「add state」として新規ステートマシンを追加

・名前を「default」とする

[デフォルトのステートマシン中身を作成する]

・defaultをダブルクリックして中に入る

・defaultのステートマシンには、idleとattackの２つのステートを用意する

・２つのステートは相互に移動しあう

・ここでは120フレーム目でattackに移行し、３００フレーム目でidleに帰ってくる

※図１

 

・ステートの変更条件は、それぞれの線の上のアイコン（A/B）で設定できる

・まずはAをダブルクリック

・条件はいつもとおんなじようにBPで書ける

※図２

 

・Aの条件設定では１２０フレーム目で「Can Enter Transition」がTrueに変更になる

・Trueになると図１のステートが「idle」から「attack」に変更される

図３

 

・これがBの遷移条件

・３００フレームになるとAttackからidleに遷移する

 

そうそう、AnimSeqはイベントグラフで設定しています。

フレームの値で、毎フレームカウントアップして４８０フレーム目で０に戻しています。

できた！

とりあえず＄３０ぶんは楽しめそうになった

[参考]

http://unrealengine.hatenablog.com/entry/2016/11/22/213000

ビヘイビアツリーを使ったAIについて取り組んでみたので、できるだけシンプルにして覚え書き。

やりたいAIは以下の２点
・敵に自分を目標にして移動してほしい
・移動の際に、迷路を解析して障害物を迂回してほしい


これを再現するために必要なことは以下の３点
・迷路のデータ化
・迷路の自動解析
・敵の移動用の思考パターン（探す、走る、休むを繰り返す）の策定

これらをCとかでプログラミングしていく過程を想像する。
・迷路データ：まあ平面の単純なものなら２次元配列で作れる。
・迷路解析：Aスターアルゴリズムあたりで解析。
・移動ロジック：確定した経路を順番に移動させるシーケンス制御をつくる

これらを例えば以下のような仕組みでプログラミングせずになんとかできないか？
・迷路データ
　・・・ポリゴンモデルの壁をステージにおいて迷路を直接構成したい
・迷路解析
　・・・・・ステージを解析して迷路データを自動作成したい
・移動ロジック
　・・・・・探す、移動する、止まる、をフローに書いて動いてほしい

こんな都合の良いツールはゲーム本編の制作よりも大変そうでわがままなんだけど、UE4は各種ツールでこれをフォローして僕のわがままを聞いてくれる。しかも迷路データは２次元じゃなく立体的な交差にも対応していてすごい。

・迷路データ
　・・・立方体やポリゴンモデルの壁をステージにおいて迷路を直接構成できる
・迷路解析
　・・・ナビメッシュでステージを解析して迷路データを自動作成できる
・移動ロジック
　・・・探す、移動する、止まるを「ビヘイビアツリー」に書いて、そのとおりに動かせる

既存のプロジェクト（TwinStickシューター）で実装してみた。
・敵キャラ
　・・・キャラのメッシュとAIControllerを割り当てられたPAWN
・AIController
　・・・プレイヤーとビヘイビアツリーを関連付けているコントローラー
・ナビメッシュ
　・・・迷路データを自動生成するための立方体
・ビヘイビアツリー
　・・・AIのタスク（探す、移動する、休む）をフローで設定
・ブラックボード
　・・・・各タスク間で情報を共有するためのメモ用紙

ナビメッシュはステージ中の迷路に当たる部分をざっくり立方体で包むことで作ることができる。ビヘイビアツリーでは、探す、移動する、休むの３つのタスクが設定されていて、これらと関連付けられた敵キャラがAIControllerを通じて移動してきます。

これを実現したUE4の極小プロジェクトをおいておきます。
TwinStickシューターに敵キャラを追加して、自分の位置をめがけて移動するサンプルです。目的地に到着したら２秒休んで、また自分の位置を補足する、を繰り返します。

ビヘイビアツリーの極小サンプル　

注意するべきは、PAWNで「移動する（MoveTo）」タスクを実行するときはコンポーネントに「FloatingPawnMovement」を追加してやること。敵キャラがCharacterの場合は問題ないが、PAWNの場合はこのコンポーネントを追加しておかないと「MoveTo」できないので注意。

さあいよいよプロビジョニングファイルの取得です。ここでは今まで登録、申請してきた情報を一気に結びつけます。画面左のProvisioning ProfilesからALLを選択してください。




次に「manually generate profiles」を選択



■iOS App Developmentを選択してcontinue



■割り当てるAppIDを選択します
さっきワイルドカードで指定したアプリを選択します


■さっき申請した承認書を選択


※画面では２つになっていますが、後で登録した方が下になります

■機器をヒモづける
さっきUDIDを登録した機器を選択します


■Provisioning profileに名前を付けます
好きな名前を付けて構いません



■そしてついにダウンロード
長かったですね・・・。ダウンロードして保存します。



おつかれさまでした。これでようやくプロビジョニングファイルと鍵がそろいましたので、やっとアンリアルエンジンの作業に戻ることができます。

デバイス登録です。ここまでの流れを軽くおさらいをします。

・アプリを実機で動かすための承認書、認証キーを取得したい
・アプリ企画を申請してAPPID（管理番号）を取得しました
・取得したAPPIDを使って承認書を得るための鍵と申請書を作りました
・申請書を提出して承認書を得ました

ここでは、承認を得られたのでデバッグに使用するデバイス（iPhone）をDeveloperCenterに登録をします。これで限定的に実機上でアプリを動かすことができます。もちろんAPP Storeに公開すればこの限定が外れて制限なく世の中のiPhoneにインストールできるようになります。このステップを終えればようやくプロビジョニングファイルにリーチしますよ。

※初回、もしくは2台目の登録に必要な手順ですので既にUDIDを登録している場合は次に進んでも構いません。

■UDIDを入手する
自分のiPhoneの個体識別番号（UDID)をApple Developer Centerに登録します。
そうすることで、限定的に所有のiPhoneでアプリを動作させることができるようになります。
具体的にはiTunesで個体識別番号(UDID)抜き出し、そのUDIDをDevelopperCenterに登録するだけです。

■iPhoneの個体識別番号（UDID）を確認する
・iTunesを開いてiPhoneのマークをクリック
（図はmac版ですがWindows版も同様の操作で取得できます）



　　　　　⬇

・「概要」のページを表示する
「シリアル番号」をクリックすると「UDID」→「ECID」→「機種ID」と変化するので「UDID」を表示させます。UDIDの番号の上で右クリックするとコピーできます



　　　　　⬇

　UDIDを記録したらiTunesを閉じてしまっても構いません

　　　　　⬇

■UDIDを登録する
ここからは再びブラウザでの作業になります。DeveloperCenterにアクセスします。
https://developer.apple.com/

・Certificate,IDs & Profilesを開きます


　　　　　⬇

■Devices > All を選択




■右上の「＋」ボタンを押して新しいデバイスの登録を開始します



　　　　　⬇

■適当な名前（下図ではiPhone）とさきほど記録したUDIDを入力します
(下図ではPlease enter a valid UDIDというエラーが表示されていますが正しいUDIDを入れてください)


　　　　　⬇

　　Continue

　　　　　⬇


　　　　　⬇

　　　Register

　　　　　⬇



　　　　　⬇

　Doneを押して登録完了

これでデバイスの登録まで完了しました。アプリのID、デバイスの登録、承認書の３点が整いましたので、いよいよプロビジョニングファイルの取得に進むことができます。

UnrealEngine4のアプリをiOSで動かす(1) 問題
UnrealEngine4のアプリをiOSで動かす(2) 概要
UnrealEngine4のアプリをiOSで動かす(3) バンドルID
UnrealEngine4のアプリをiOSで動かす(4) 鍵と申請書
UnrealEngine4のアプリをiOSで動かす(5) 申請と承認書
UnrealEngine4のアプリをiOSで動かす(6) デバイス登録とプロビジョニング
UnrealEngine4のアプリをiOSで動かす(7) UE4とiPhoneへの転送設定

先ほど作った申請書（CSRファイル）をDevelopperCenterへアップロードします。申請書を提出することで承認書ダウンロードすることができるようになります。


■Developper Centerへ移動
ここではブラウザで作業をしますのでDevelopperCenterへアクセスしてください。

・Certificate >All > Certificate Signing Requestを選択。


・「iOS App Development」にチェックを入れて「Continue」します





UnrealEngine4のアプリをiOSで動かす(1) 問題
UnrealEngine4のアプリをiOSで動かす(2) 概要
UnrealEngine4のアプリをiOSで動かす(3) バンドルID
UnrealEngine4のアプリをiOSで動かす(4) 鍵と申請書
UnrealEngine4のアプリをiOSで動かす(5) 申請と承認書
UnrealEngine4のアプリをiOSで動かす(6) デバイス登録とプロビジョニング
UnrealEngine4のアプリをiOSで動かす(7) UE4とiPhoneへの転送設定

２・CSRファイルとKEYの作成

Win上で自分で申請書と認証キーを作る

さて次は承認書(*.CER)をダウンロードしてくるための申請書(*.CSR)を作成します。このCSRファイルやKEYを自動生成するためのWindows用ツールがUE４に用意されているのでそれを使います。この時に「申請書」と「鍵(*.KEY)」を同時に生成して、後ほどダウンロードしてくる承認書（*.CER）と「鍵」をペアで使用します。

「PackageManager.exe」というツールはWindows用のツールとなっておりmacを使った通常のiOSアプリの申請とはここが異なるので注意してください。

 

・パッケージマネージャーの操作

パッケージマネージャーはインストールした場所にもよりますがUE4のインストール先にあります。

C:\Program Files (x86)\Epic Games\4.13\Engine\Binaries\DotNET\IOS\IPhonePackager.exe

 

起動するとまず、iPhoneに転送したいプロジェクトの在り処を聴いてくるので、*.uprojectを指定する。そうすると、以下のような画面が出てくる。

一番上の「Create Certificate request and key pair」を選択すると新しいウインドウが開く。

■「認証キー」が完成

この画面でメールアドレスと名前を入力して「Generate a Key pair」を押して、適当な場所に「DeveloperKeyPair.key」を保存する。これが認証キー。

■「申請書」の作成
次に、「Generate Certificate Request.」ボタンを押すと「Certificate Signing Request.csr」というファイルが作られる。これが「申請書」

さあ、いよいよ次はこの申請書をもって、実際に申請してみよう！

UnrealEngine4のアプリをiOSで動かす(1) 問題
UnrealEngine4のアプリをiOSで動かす(2) 概要
UnrealEngine4のアプリをiOSで動かす(3) バンドルID
UnrealEngine4のアプリをiOSで動かす(4) 鍵と申請書
UnrealEngine4のアプリをiOSで動かす(5) 申請と承認書
UnrealEngine4のアプリをiOSで動かす(6) デバイス登録とプロビジョニング
UnrealEngine4のアプリをiOSで動かす(7) UE4とiPhoneへの転送設定

■画面が切り替わるのでDeveloper　 > Account > Identifiers >　AppIDsを選択



・Registerを押して登録完了