超小ネタ。
特定のインターフェースを実装しているかどうかで処理を分けるには、「Does Implement Interface」という関数を使えば良さそう。
上の画像は現在制作中のゲーム。青色の矢印床には「インターフェースA」を実装しており、橙色矢印床には実装されていない。このアクターは全てOverlapするBox Collisionコンポーネントを持っている。
これは緑色の砲台から発射される弾のBP。何かがOverlapした時、それが「インターフェースA」を実装していたら「EndEvent」、そうでなければ「False」と表示する。
castを使えばもっと単純に処理を書けますが、インターフェースを通じてアクセスすることで依存性を下げることができます。
ぶっちゃけBPインターフェースについてはよくわかってないのでもっといい方法があるかも……？
今更言うまでもないですがアニメ、「宇宙よりも遠い場所」が面白い。ドハマリして10周くらい見返してしまっている。
話題の問題作「ポプテピピック」、放映前から原作が人気で注目されていた「ゆるキャン」、「からかい上手の高木さん」の影に隠れ10話までニコニコのアニメランキングでも中々上位に上がれないでいましたが、11話で一気に注目され、12話でオリジナルの1クールアニメとしては数年に一度クラスの大傑作と評判になり、ニコニコランキング、Amazon BD、DVDランキングでも上位に上がってきてる。
私は主人公の玉木マリを演じる水瀬いのりのファンで、かつ最近井口裕香のラジオでの一人喋りに引かれ「井口裕香のむ〜〜〜ん ⊂（ ＾ω＾）⊃」ラジオ等をよく聞いている為キャスト陣を見た瞬間これは視聴確定した。（井口裕香さんのラジオは本当に面白いのでぜひ聞いてほしい。文化放送だけにとどめておくのは勿体無いレベル。）
そんなこんなで視聴した一話。キマリに一緒に南極に行く？と尋ねるシーン、約束に遅刻したキマリと新幹線で再開するシーンで報瀬が見せたこの二つの笑顔を見た瞬間鳥肌が立った。これは私がせなばならない宿命で、周りがどう思おうが勝手に行動すればいい、友達なんていらないと口では言っていたのに、いざ味方・友達が増えた時の嬉しさ、小悪魔的なからかいの感情、今度は裏切られなかったという安堵。そういった諸々の感情が劇伴歌に合わせどっと押し寄せてきたからだ。表情でここまで伝わってくるカットは中々見れるもんじゃない。この2シーンだけでこのアニメは傑作になれると確信した。以前同じような心境になったのはFate/SN（UBW）16話で遠坂凛に故障したお前は正義の味方だと涙ながらに指摘された時の士郎の機械じみた表情だったか。
それは置いといて。このアニメの一番凄いところは2話以降も全てが面白いところ。ありがちな作画節約回、説明回、中だるみを一切感じなかった。安定した美しい作画、小気味いいテンポと間、作品とマッチした素晴らしい挿入歌、くどくない心理描写、考え込まれた画面構成と脚本……。何度も見返したくなるような仕掛けも沢山仕掛けられていて、相当時間をかけてこの作品を作ったのだろうと思わせる完成度の高さである。ラブライブプロジェクトやらで多忙なはずなのに花田先生は凄すぎる……
声優陣の演技も文句なしに素晴らしい。メインキャストの女子高生を演じる水瀬いのり、花澤香菜、井口裕香、早見沙織。四人を支える立場にある大人たちを演じるのは能登麻美子、日笠陽子、Lynn、松岡禎丞、小松未可子、阿澄佳奈など…一人で主役を張れるような人気者、実力者揃いで安心してみていられる。特に小淵沢報瀬役、花澤香菜の演技は神がかっているとしか形容できない。11話、12話でのあのセリフは目を閉じて聞いても泣かされる。12話まで見れば必ずあなたも花澤香菜の虜になっているだろう。私はなった。
本作のメインキャスト四人が歌うED曲、「ここから、ここから」に『バカにされたって構わない 信じていこう』という歌詞がある。アニメを見るまでもなく良いフレーズであるがアニメを見ればこの言葉の重みがぐっと伝わってくる。最終回は今週の火曜夜。バカにされながら自分のやりたいことにまっすぐ突き進む彼女達の旅の終わりに幸あらんことを。ティッシュボックス片手に見ます。
注）今回紹介する方法もモデル次第では問題が発生する可能性があります。
二回に渡りMagicaVoxelで制作したモデルをBlender経由でFBXを作成する方法を模索中。前回までの方法では影の付き方が変になってしまっていた。
この手法ではMagicaVoxelで制作したモデルをPly形式で書き出す。
Blenderにplyでインポートする。
編集モードに切り替え。「A」キーを二回押して全ての頂点を選択したらツールシェルフ -> 重複頂点を削除を選択。
「U」キー -> スマートUV展開を選択。島の余白を1.00に設定する。
fbx形式でエクスポートする。
UE4にモデルをインポートする。この時 Vertex Color Import Option を Replace に設定する
インポートしたモデルのマテリアルを「M_VColor」に切り替える。
LightMap Resolutionを256に設定。
完成！
超小ネタ。以前の記事で「For Loop With Delay」マクロを自作したが、
これに加えてBreakとデクリメントでループを回す必要がある場面に遭遇したので「For Loop With Break and Delay Decrement」マクロを自作した。
ForLoopをグラフに配置してダブルクリックするとStandardMacrosのBPを見ることができる。今回はそれを見ながら実装した。StandardMacrosには他にも FlipFlopやDoOnceといったFlow Control系のマクロ、一部のMathマクロの中身が見ることができる。一度見ておくといいのかも。
前回の記事 ではply形式でexportし、スマートUV展開して頂点カラーを焼き込んでテクスチャを作成、そのテクスチャとfbxで書き出したモデルを取り込むという手法を紹介したが、この方法では色とUV座標がズレが生じ、色の位置がずれてしまう問題が発生していた。
消化不良のまま前回記事を書いた後に大学のテストがありずっと解決できずにいたが、テストも終わり、漸く（とりあえずの）解決策が見つかったので紹介する。
今回はMagicaVoxelで作成したモデルを obj形式でexport する。
前回記事同様にBlenderにImportしてライティングとサイズを調整する。
サイズ調整の方法
UE4.18.2時点ではBlender上での1mはUE4では100mになっている。これはシーン設定の単位プリセット、長さをメートル法に、単位の倍率を0.01にすることでBlender上での大きさとUE上での大きさを揃えることができる
作業し易いように3Dビューを左上の三角を左にスライドし、2画面にする。続けて左画面の左下にあるアイコンを押し、表示を「3Dビュー」から「UV画像エディタ」に切り替える。
「+新規」を押し、「Lightmap」と名付ける。
モデルを選択し、オブジェクトデータ→UVマップの+を選択。新たに作られたUVMap_001の右側にあるカメラマークを選択状態にする。
tabを押して編集モードに切り替え。Aキーを二回押してモデルの頂点を全て選択する。
左画面にLightMapが表示されていることを確認してから（真っ黒の正方形が表示されていればいい。されていなければ「画像」のすぐ右側にあるアイコンを選んでLightMapに切り替える）Uキー→スマートUV展開と進み、島の余白を0.05程度にして実行。
前回同様fbx形式でエクスポートする。終わったらfbxをUE4にImportする。この際、Generate Lightmap UVsにチェックが入っていることを確認する。
自動生成されるマテリアルの名前が必ずpaletteになっているはずなので適切な名前に書き換える。こうしないと同じフォルダにボクセルモデルをインポートする時マテリアルが上書きされてしまう。
このようにインポートしたモデルは色のズレもなく、Light Buildしても真っ黒にならず影がつくはず。
おわり。
上の画像を見てもらうと分かる通り、気味の悪い影の付き方をしている。「Movable」に設定した時の影(下画像)は違和感がないのだが、Staticなのに何でもかんでもMovableに設定するのもよろしくない。Staticに設定したときもMovableと同じ影の付き方に出来れば良いのだが……
(02/22追記）改良版を公開しました。
追記: 色々な問題を解決したverを公開しました
最近MagicaVoxelというボクセルモデリング（3Dドットモデリング）ツールで3Dモデルを制作している。Minecraft感覚でモデルを製作でき、BlenderやMayaと言ったDCCツールよりはるかに覚えることが少ないため、絵が全く描けない自分でも使いはじめて3時間で下部画像程度のクオリティのモデルを制作することが出来た。
Voxelアルトリア pic.twitter.com/Ds70CIVI8Q
— ai (@ai_9684_dct) 2018年1月13日
だがこのモデルをBlender経由でUE4にFBX形式でImportするのにかなり苦労してしまった(Blenderの使い方を理解していないせいであるのだが)。色々な人の力を借り、四苦八苦しながらなんとか出来た。そこそこの作業量が多く、すぐやり方を忘れてしまいそうなので、ブログにメモを残しておく。なお、この記事は こちらのブログ をかなり参考にしている。
MagicaVoxelで作成したモデルをobj形式でexportする
Blenderを開き、初期状態で配置されている立方体を削除する
先程exportしたモデルをimportする。
alt+Zでテクスチャを表示する……のだがこのままだと真っ暗になってしまう。
原因はライトの位置。右上でLampを選択し、3Dビューでモデルに光が当たるようにうまく配置する。
このままのサイズだとロクに使えないのでSキーを押しサイズ調整。調整が終了したらCtrl+Aを押し回転と拡縮を適用する。こうすることで今の回転を(0,0,0)に、拡大縮小を(1,1,1)にすることができる。
ファイルからエクスポート->fbxを選択、設定は変更せず名前を付けて保存する。
UE4に移動、コンテンツブラウザに先程書き出したFBXをドラックアンドドロップでImportする。設定を変更せずに「Import All」を押すとモデルとテクスチャとマテリアルが自動生成される。
完成。
今回使用した単純な人型位なら問題ないが上の写真くらいになると、ポリゴン数が約14000。流石にこれじゃロクにFPSがでない。
この方法でImportするとテクスチャにMagicaVoxelで使用したPaletteの色を左から帯状に並べたものが選ばれている。このままでは後からある部分だけ金属っぽい質感にしたいと言ったことが難しく取り扱いにくい。
この方法ではLightingMapを持たないため、Staticだと影が焼き付き真っ黒になってしまう。Movableにすれば解決するのだがなんでもかんでもMovableにするのは問題。
その後の最適化の都合でMagicalVoxelで作成したモデルを頂点カラーがついている形式であるply形式でexportする。
Blenderを開き、初期状態で配置されている立方体を削除する。
先程exportしたplyモデルをimportする。
alt+Zでテクスチャを表示。ランプの位置を3Dビューでモデルに光が当たるようにうまく配置する。
Sキーを押しサイズ調整。調整が終了したらCtrl+Aを押し回転と拡縮を適用する。
編集モードに切り替えツールシェルフにある「重複頂点を削除」を押せば、重複している頂点を削除することができる。これでもまだ余計な頂点が存在するがその作業は後で。
続けて「U」キー → 「スマートUV投影」を実行。
画面上部「スクリーンレイアウトを選択」から、UV Editingを選択する。
UV展開されたテクスチャが左画面に表示される。左下の「新規」を押して、新たにテクスチャを作成。名前は適当に決めておく。
スクリーンレイアウトをDefaultに戻す。プロパティウインドウ内、「レンダー」タブ内のベイクパネルを開く。ベイクモードを頂点色に変更し、ベイクボタンを押す。
UV Editingレイアウトに戻ると、先程作成したテクスチャに頂点カラーが焼きこまれていることが分かる。
このテクスチャをUE4のマテリアルで貼り付けるので個別にpngで書き出しておかねばならない。UV Editingレイアウトの左下にある画像を選択。「画像を別名保存」を押すとpngで保存することができる。
これで頂点カラーは必要なくなった為、削除する。
編集モードで全ての頂点を選択してから、Spaceキーを押し検索バーに「頂点色を削除」と入力。実行することで頂点の色を削除することができる。
「ポリゴン数削減」モディファイアを追加。
平面を選択し、適用。消してほしくない頂点が削除される場合もあるので要注意。
可能ならここから手動で更に必要ない頂点を削除していく。
File->Export->FBXを選択。設定は変更する必要はないはず。任意の名前を付け保存する。
ドラックアンドドロップで作成したテクスチャとFBXをImportする（設定は変更しなくて良いはず）。
取り込んだpngテクスチャを右クリックし「Create Material」を選択。自動でマテリアルが作成される。
作成したマテリアルをStaticMeshに適用すれば完成。面倒な作業だがここまでやれば描画負荷も高くなく、ライティングもうまくいっているはず。
SkeletalMeshとしてImportするとどういうわけか全体的に丸い質感になってしまう。そうなった時場合は以下のようにImport Settingを変更してReimportすると治るはず。
これはUV展開する際、自動で生成したため、ベイクした色矩形とUV座標が僅かにずれてしまうことに起因している。調べると、とりあえずの解決方法を発見した。
1. スマートUV展開をする際、「島の余白」を0.05に設定する。
2. 頂点色をベイクする際余白を1pxに設定する。
これで解決。遠目で見ればこれで全く問題なさそう。
としたいところだが大きく拡大してみてみるとまだ多少のズレが認められる。
これを直す手段は分からなかった。これが自動でUV展開する限界か。Blenderに詳しい方に聞くと、「スクリプトを組めば解決するかも……」との話だが自分には出来ないので誰かやってください。
以上。UnityにはVoxel Importerなるものがあるらしいが…UE4にもください。
（02/22追記）これらの問題を解決した改良版を公開しました。
ここ数回のブログでちょっとずつ見せてはいたが漸くゲームが完成した。実質初めて自力で完成させたゲーム。
TwinstickShooterテンプレートを改造してゲーム作りました#UE4 #UE4Study #EpicFriday pic.twitter.com/GESqw9gRiy
— ai (@ai_9684_dct) 2017年12月29日
見て分かる通り全く面白くないゲームだが一本通して作ることで、今まで良く分かっていなかったUE4の機能を色々勉強することができた。面白さはさておき、「遊べるゲーム」を一本作ってみるのは本当に勉強になると感じた。やらなければ始まらない。
＜基本ルール＞
操作はTwinStickShooterテンプレートそのまま。敵を全滅させると勝利。
攻撃するにはエネルギーを消費し、ゼロになると回復するまで攻撃できなくなる。
敵は数%の確率でHP回復アイテムもしくは3Way攻撃アイテムをドロップする。
3Way攻撃アイテムを拾うと暫くのあいだ弾を同時に3個平行に飛ばせるようになる。
＜敵キャラの行動パターン＞
決まりきったポイントを巡回を巡回、プレイヤーを視界に入れるとその場で停止し視界から消えるまで攻撃し続ける
ある範囲(BoxTrigger)をランダムに動き回る。プレイヤーを視界に入れるとプレイヤーのいる方向にいつまでもついていき攻撃し続ける
ゲーム開始時から攻撃しながらプレイヤーの方向に進み続ける
2と3のAIはビヘイビアツリーのSingle parallelノードを使って実装した。そのうちこれの記事書くかも。
3種類の敵エネミーを作るのにそれぞれCharacterを継承させて作ってしまったので、同じタスク（例えばプレイヤーの方向に向かって攻撃する）を実装するのにわざわざコピーして別のタスクを作り、Castノードを置き換えて…みたいな面倒なことをしてしまった。インターフェースやら親クラスを作っておけば多分こんなことをしなくても良かったと思う。しかしどうやればいいのかよく分かっていない（今必死に調べている…）。
ControllerとCharacterと発射する弾と機能の切り分けが下手くそで開発終盤どこに実装したか混乱してしまった。
企画段階で練り込みが甘くあまりに面白くないゲームができてしまった。
何はともあれゲームを完成させることができてよかった。
