UE4初心者が頑張ってるブログ

Unreal Engine4を使用した開発メモ、及びそれに関連することについて不定期に書いています。

UE4 UnrealEngine4の導入手順

今回はUnreal Engine4の導入手順を紹介します。

 

ブラウザ(Microsoft Edge / Google Chromeなど)から

こちらのサイトにアクセスします。

www.unrealengine.com

 

Epic Gamesアカウントを作成する

アカウントを既に持っている方は、ログインをして

Epic Games Launcherをインストールする」から進めてください。

 

画面右上のダウンロードボタンの左にある人のマークをクリックしてください。

f:id:MozPaca:20170926131433p:plain

 

画面下にある「サインアップ」をクリックします。

f:id:MozPaca:20170926131634j:plain

 

次に必要情報を記述していきます。

f:id:MozPaca:20170926131659j:plain

 

必要情報が入力できたら、

「私はサービス利用規約の内容を理解し同意します。」に

チェックをつけ、「アカウントの作成」ボタンをクリックします。

 

サインアップが完了したら、

登録したメールアドレスとパスワードを使用して、サインインをしましょう。

f:id:MozPaca:20170926132012j:plain

 

Epic Games Launcherをインストールする

既にEpic Gamesアカウントを持っている方はここから進めてください。

 

再びこちらのサイトにアクセスします。

www.unrealengine.com

 

ページ中央、もしくは右上のダウンロードボタンをクリックします。

f:id:MozPaca:20170926132336j:plain

 

しばらくするとEpic Installerがダウンロードされます。

f:id:MozPaca:20170926132457j:plain

 

しばらくしてもダウンロードが開始されない場合は

PCに合わせてWindows / Macのボタンをクリックして、

ダウンロードしてください。

f:id:MozPaca:20170926132533j:plain

 

ダウンロードしたEpic installerをダブルクリックで起動します。

f:id:MozPaca:20170926132703j:plain

 

「インストール」ボタンをクリックして、インストールします。

f:id:MozPaca:20170926132921j:plain

 

Unreal Engine4をインストールする

デスクトップに作成された「Epic Games Launcher」を

ダブルクリックで起動します。

f:id:MozPaca:20170926133058j:plain

 

先程登録したメールアドレスとパスワードを入力して、

サインインしましょう。

f:id:MozPaca:20170926133222j:plain

 

「ライブラリ」タブを選択し、「スロットの追加」をクリックします。

f:id:MozPaca:20170926133333j:plain

 

インストールしていないバージョンの一覧が表示されるので、

インストールしたいバージョンを選択します。

f:id:MozPaca:20170926133350j:plain

 

インストールするバージョンが選択できたら、

「インストール」ボタンをクリックします。

f:id:MozPaca:20170926133413j:plain

 

インストールする場所を選択し、

「インストール」ボタンをクリックすると、インストールが始まります。

f:id:MozPaca:20170926133430j:plain

 

インストール完了後、「起動」ボタンをクリックすると

Unreal Engien4が立ち上がります。

f:id:MozPaca:20170926133654j:plain

 

 

 

UE4 マテリアルの色をランダムに変更する

最近、マテリアルの記事書いてないなぁ。

ってことで今回はマテリアルとブループリントを使用して
マテリアルの色をランダムに変更する処理を作成したいと思います。

 

実は過去記事で今回の処理と同じ処理が写ってたりします。

mozpaca.hatenablog.com

 

準備

まずはプロジェクトを作成しましょう。

今回はUE4 4.17.0を使用しています。

f:id:MozPaca:20170816171921j:plain

 

作成しました。

f:id:MozPaca:20170816172205j:plain

 

マテリアルを作成する

プロジェクトを作成できたら、

コンテンツブラウザを右クリック→Materialを選択し、

新しいマテリアルを作成しましょう。

f:id:MozPaca:20170816172250j:plain

 

適当な名前をつけておきます。

f:id:MozPaca:20170816172408j:plain

 

作成したマテリアルをダブルクリックで開き、

このようにノードを繋げます。

f:id:MozPaca:20170816172440j:plain

Vector ParameterをBase Colorにつなぐシンプルなものです。

 

Vector ParameterのParameter Nameは何でも良いのですが、

今回は分かりやすくBaseColorとします。

f:id:MozPaca:20170816172549j:plain

 

これでマテリアルは完成です。

 

ブループリントを作成する

次にマテリアルを適応するMeshを持つ、

ブループリントを作成します。

 

コンテンツブラウザを右クリック→Blueprint Classを選択します。

f:id:MozPaca:20170816172756j:plain

 

今回のParent ClassはActorにしました。

f:id:MozPaca:20170816172839j:plain

 

こちらもマテリアル同様、適当な名前をつけます。

f:id:MozPaca:20170816172907j:plain

 

作成したブループリントをダブルクリックで開き、

Add ComponentからSphereを選択します。

f:id:MozPaca:20170816172936j:plain

 

こんな感じになると思います。

f:id:MozPaca:20170816173301j:plain

 

このSphereのマテリアルを先程作成した、

M_Randomに変更しましょう。

f:id:MozPaca:20170816173322j:plain

 

処理を書いていきます。

Construction Scriptタブを開き、このようにノードを繋げます。

f:id:MozPaca:20170816173427j:plain

SphereメッシュのElement Index 0のマテリアルを

Dynamic Material Instanceとして変数に格納します。

 

※マテリアルが複数ある場合はFor Loopと配列で

 全てのマテリアルを格納することも可能です。

 

次にイベントグラフタブを開き、

このようにノードを繋げます。

変数に格納したマテリアルの色をランダムに変更しています。

f:id:MozPaca:20170816173711j:plain

Set Vector Parameter ValueのParameter Nameには

マテリアルを作成したときにつけたVector Parameterの名前を入力してください。

 

Random Floatノードは0~1の値をランダムに返してくれるノードです。

 

もしEmissive Colorで1以上の値が欲しい場合には

Random Float in Rangeノードを使用すると良いと思います。

f:id:MozPaca:20170816174154j:plain

 

配置する

作成したブループリントをレベルに配置しましょう。

f:id:MozPaca:20170816174620j:plain

 

確認してみる

このように生成された瞬間に

ランダムに作成された色が適応されていると思います。

www.youtube.com

 

余談

同様の処理を使い、Event Begin PlayをEvent Tickに

変更してみました。

f:id:MozPaca:20170816174536j:plain

 

www.youtube.com

UE4 4.17のリリースノートをAudioのところだけまとめてみた(仮)

Unreal Engine4 4.17.0がリリースされました。

f:id:MozPaca:20170808015630j:plain

 

リリースノートも既に公開されています。

docs.unrealengine.com

 

リリースノートが膨大で、まだ全ては追いきれていませんが

このリリースノートに記載されている

Audio関連についてまとめました。

 

Removing audio streaming as an experimental feature in the engine.

 

 Audio Streamingを実験的な機能から外れました。

 

4.16のときは

f:id:MozPaca:20170808025109j:plain

このように実験的な機能の欄に入っていたのですが、

4.17からなくなりました。

 

Audio mixer improvements for android.

 

Androidのオーディオミキサーが改良されたようです。

どう改良されたのかは未検証。

 

Updates and improvements to Steam Audio.

Steam Audioがアップデートしました。

f:id:MozPaca:20170808023226j:plain

(4.16のときはbeta 3でした)

 

どんな機能が入ったかを見ていきましょう。

 

Fixed packaging compilation errors.

 

パッケージング時のコンパイルエラーが修正されたようです。

 

Consolidated baking into a single window. Users can select multiple sources to bake at once.

 

 ベイキングを1つのウィンドウに統合したようです。

複数のソースを選択して1度にベイクすることができます。

 

Added support for transmission.

 

Transmissionのサポートが追加されたようです。

何のことかわかってないので、情報をください。

 

Phonon Probe Volumes are set to NoCollide collision profile by default.

 

Phonon Probe VolumeはデフォルトでNoCollideの衝突プロファイルに設定されているようです。

f:id:MozPaca:20170808040022j:plain

 

Phonon Probe Volumes may be arbitrarily rotated, scaled, and translated.

 

Phonon Prode Volumeは任意に回転、拡大縮小、変換ができるようです。

f:id:MozPaca:20170808040508j:plain

 

Added Phonon Scene actor for scene export - this removes need for external .phononscene file and simplifies packaging.

 

SceneをエクスポートするためにPhonon Scene Actorが追加されたようです。

f:id:MozPaca:20170808040124j:plain

 

これにより外部のPhononSceneファイルが必要なくなり、

パッケージングが簡単になりました。

 

Added support for multichannel

 

マルチチャンネルのサポートが追加されたようです。

5.1チャンネルに対応したのだと思っていますが、未検証です。

 

Fixed buffer size related crashes. Added support for Win32.

 

バッファサイズに関連するクラッシュの改善と

Win32のサポートが追加されたようです。

 

Adding ability to modify Low Pass Filter frequency with audio components.

 

Audio Componentにローパスフィルタを変更する機能が追加されました。

 

4.16のときにもローパスフィルタ関連のノードはありましたが、

f:id:MozPaca:20170808024259j:plain

 

4.17からは上記のノードに加え、これらのノードが追加されました。

f:id:MozPaca:20170808024355j:plain

 

Deleting unused velocity variable in OpenAL implementation.

 

OpenALでの実装の際に未使用のVelocity変数は削除されるようです。

 

Added SoundClassObject to the asset registry searchable data for sound assets, to make it easier to track down volume/muting bugs when assets have the wrong sound class set (Note: Assets will need to be resaved before this data will show up for unloaded assets (loaded assets should work immediately))

 

サウンドアセットのデータにSound Class Objectが追加されたようです。

間違ったSound Classを設定している場合、ボリューム / ミュートのバグが

追跡しやすくなったようです。

 

No longer forcing pending decodes to ensure completed on shutdown in audio mixer.

 

未検証。

 

Changed to using tasks from task manager vs using Async.h futures in audio mixer decodes.

 

未検証。

 

Added new, combined macOS/iOS/tvOS back-end for new audio engine.

 

未検証。

 

Hiding streaming options (and import options while i'm at it) from media sound waves.

 

未検証。

 

Fix for streaming sound wave in audio mixer during shutdown.

 

未検証。

 

Fixed packaging a project for Windows with the Steam Audio plugin enabled (Contributed by projectgheist via Github pull request)

 

Steam Audioプラグインが有効になっているWindows用プロジェクトが修正されたようです。

 

Fixed crash that could occur while shutting down a streaming SoundSource

 

Streaming Sound Sourceのシャットダウン中に発生する可能性のある

クラッシュが修正されたようです。

 

Fix for a number of threading issue in audio streaming manager.

 

未検証。

 

Fix crash when duplicating a sound wave asset in content browser due to thumbnail rendering.

 

Sound Waveアセットを複製するときに

クラッシュする問題が修正されたようです。

 

Fixed crash that occured when trying to launch the engine with the new Unreal Audio engine while the current audio playback device is disabled on Windows.

 

未検証。

 

Fix for a crash in parallel source processing in audio mixer.

 

Audio Mixerの並列ソース処理がクラッシュする問題を修正されたようです。

 

Several optimizations to source manager in audio mixer.

 

Audio MixerのSource Managerへの最適化が行われたようです。

 

No longer loading XAudio2 module in server builds.

 

サーバービルドをする際にXAudio2モジュールを読み込まなくなりました。

 

Properly deleting AudioClockVoice in XAudio2 backend.

 

未検証。よくわからない。

 

Crash fix for audio on android.

 

Androidでのオーディオがクラッシュする問題を修正されました。。

 

Fix for crash when an audio streaming sound wave doesn't have serialized stream chunks.

 

Audio Streaming Sound WaveにStreamチャンクがない場合に

クラッシュする問題を修正したようです。

 

Crash fix for when a map attempts to cook a streaming sound file while targeting Linux.

 

Linuxをターゲットにしてストリーミングサウンドファイルを

作成したときにクラッシュしないように修正されました。

  

Added subtitle priority to USoundCues. It defaults to the default subtitle priority (10000) so no behavior changes by default, but you can now specify SoundCue priorities properly for the subtitle system.

 

これはUIの箇所に書いてあったものですが、

USoundCuesのサブタイトルに優先順位を指定できるようにしたようです。

f:id:MozPaca:20170808030253j:plain

デフォルトでは100000.0に設定してあるため挙動に変化はありませんが、

サブタイトルシステムに対して適切に優先順位を指定できるようになりました。

 

まだまだ未検証箇所が多く不明瞭なところが目立ちますが、

検証したものから追記していこうと思ってます。

 

UE4 Audio Component内のイベントについて見ていく

えー、先日Audio Component内にイベントがあるということを「初めて」知りました。

知らないものの中に便利なものって結構あるんだな。と思いました。 

 

そこで今回はAudio Componentの中にあるイベントについて

まとめてみたいと思います。

 

使用したUE4のバージョンは4.16.2です。

f:id:MozPaca:20170728145521j:plain

 

(私の)準備

適当なブループリントを作成します。

コンテンツブラウザから右クリック→Blueprint Classを選択します。

f:id:MozPaca:20170728150108j:plain

 

親クラスはActorを選択してください。

f:id:MozPaca:20170728150223j:plain

 

適当な名前をつけて保存します。

f:id:MozPaca:20170728150327j:plain

 

イベントの出し方

作成したActorブループリントをダブルクリックで開きます。

 

左上のAdd ComponentからAudio Componentを追加します。

f:id:MozPaca:20170728150407j:plain

 

追加したAudio Componentを右クリックすると、

Add Eventから各イベントが出るので、必要なイベントを使ってください。

f:id:MozPaca:20170728150605j:plain

 

ここから本題

 

On Audio Finished (Audio)

f:id:MozPaca:20170728145027j:plain

オーディオ再生が完了した(最後まで演奏した)もしくは

Stop()などでオーディオを停止したときに走るイベントです。

 

爆発音を設定し、イベントが発生するとログが流れるように処理を書きます。

f:id:MozPaca:20170728154106j:plain

 

確認してみましょう。

再生が完全に終了したタイミングでログが流れると思います。

www.youtube.com

 

Physics Volume Changed (Audio)

f:id:MozPaca:20170728145042j:plain

Physics Volumeが変更されたときに走るイベントです。

New Volumeは変更後のPhysics Volumeの値を返します。 

 

New Volume(Physics Volume Reference)

変更後のPhysics Volumeの値を返します。

 

On Audio Playback Percent (Audio)

f:id:MozPaca:20170728145057j:plain

サウンドが再生されている間走るイベントです。

Playing Sound Wave(Sound Wave Reference)

現在Audio Componentによって再生されているサウンドファイルを返します。

 

Playback Percent(Float)
サウンドの再生時間を返します。

 

再生時間をログで表示する処理にしてみました。

f:id:MozPaca:20170729195058j:plain

 

www.youtube.com

 

 

On Component Activated (Audio)

f:id:MozPaca:20170728145113j:plain

Audio Componentが起動したときに走るイベントです。

 

Component(Actor Component Reference)

 

Reset(Boolean)

 

On Component Deactivated (Audio)

f:id:MozPaca:20170728145130j:plain

Audio Componentが無効化されたときに走るイベントです。

 

Component(Actor Component Reference)

 

ゲーム開始から5秒後にAudio Componentを
Deactiveノードで無効化します。

f:id:MozPaca:20170728161927j:plain

 

www.youtube.com

 

それぞれの全てを確認したわけではありませんが、

かなり有用なものが多いです。

 

どうして今まで知らなかったんだろう... 

 

UE4 マウスの感度調節機能を入れてみる

FPSなどのゲームでは、
自分に合わせてマウスやコントローラーの

感度を変更することが多いです。

 

今回はFPSテンプレートを使用して、
マウス感度の調節機能を作成したいと思います。

 

準備

今回はUE4 4.17.0 Preview 2を使用します。

f:id:MozPaca:20170726182632j:plain

 

First Person Templateを選択して、

プロジェクトを作成

しました。

f:id:MozPaca:20170726185128j:plain

 

FPSキャラクターの処理を追加する

まずはデフォルトのFirst Person Characterに処理を追加していきましょう。

 

Contents→First Person BP→Blueprintsから

First Person Characterをダブルクリックで開いてください。

f:id:MozPaca:20170726191221j:plain

 

このようになっていると思います。

f:id:MozPaca:20170726191433j:plain

 

変数を追加します。

マウス感度の値を格納するFloat型の変数を追加してください。

私はMouse Sensitivityという名前で作成しました。

f:id:MozPaca:20170726191455j:plain

 

作成したFloat型の変数のデフォルト値を1.0にします。
※0にするとカメラが一切動かなくなるからです。

f:id:MozPaca:20170726191635j:plain

 

次にデフォルト処理のMouse Inputの箇所を変更します。

f:id:MozPaca:20170726191759j:plain

 

先程作成した変数とAxis Valueを乗算し

Add Controller InputのValueに繋げます。

f:id:MozPaca:20170726191836j:plain

 

感度調整用のWidgetを作成する

キーボードなどで値を変更してもいいのですが、

味気ないのと記事が短くなってしまうので、

Widgetを作成していきます。

 

コンテンツブラウザから右クリック

User InterfaceWidget Blueprintを選択します。

f:id:MozPaca:20170726193539j:plain

 

適当な名前をつけしょう。

f:id:MozPaca:20170726193720j:plain

 

作成したWidgetを開き、Designer画面で

オブジェクトをこのように配置します。

f:id:MozPaca:20170726193908j:plain

Text BlockとButtonで構成されたシンプルな配置です。

50と書かれているText Blockはバインドして値を切り替えます。

 

Background Blurは過去記事を参考にしてください。

mozpaca.hatenablog.com

 

50と書かれたText Blockにバインドを作成し、

現在のマウス感度を表示するための処理を書きます。

f:id:MozPaca:20170726194216j:plain

 

Event Graphのタブを開き、処理を書いていきます。

 

まずはWidgetが作成されたタイミングで

マウスカーソルの表示とゲームにポーズを掛けます。

f:id:MozPaca:20170726194344j:plain

 

次にDesigner画面で配置したボタンそれぞれに

感度を増加/減少の処理を書きます。

Clampで感度の上限/下限を設定しています。

f:id:MozPaca:20170726194402j:plain

 

Widgetを呼び出す

レベルブループリントを開き、このように処理を書きます。

特定のキーを押した際にWidgetの有無によって、

生成と削除を分けています。

f:id:MozPaca:20170726194748j:plain

 

はーい。完成。

 

確認してみる

処理が完成したら、実行して確認してみましょう。

www.youtube.com

 

FPSテンプレートのデフォルトの速度は1に相当します。
5ぐらいから制御不能なので、実際にゲームに組み込む際は

そこらの調整が必要そうです。

 

UE4 リバーブ効果を試してみる

UE4にはレベルにぽいって置くだけで、
簡単にリバーブ効果をかけることができます。

バーブとは
reverbration(リバーブレーション)のことで、

よく残響と訳されます。

 

 

わかりやすいサイトがあったので、

こちらを参照してください。

info.shimamura.co.jp

 

今回はリバーブ効果を掛けるまでを記事にしたいと思います。

 

準備

プロジェクトは4.16.2を使用します。

4.17でも同じような感じだと思います(未検証)

f:id:MozPaca:20170724153218j:plain

 

プロジェクト作成後、作業に入っていきます。

 

それっぽい場所を作る

何もない場所でも処理を書けばしっかりと音が
跳ね返る(ように聞こえる)のですが、

やはり、まずは雰囲気からということで、

f:id:MozPaca:20170724153430j:plain

音が反響しそうな場所を作りました。

 

Audio Volumeを配置する

バーブ効果を掛ける範囲を指定するために

Audio Volumeを配置しましょう。

 

Audio Volumeはモードタブで検索すると出てきます。

f:id:MozPaca:20170724153506j:plain

 

バーブ効果を掛けたい範囲に、いい感じで配置してください。

f:id:MozPaca:20170724153516j:plain

 

Reverb Effectを作成する

Audio Volumeの配置ができたら

次にReverb Effectを作成します。

 

コンテンツブラウザから右クリック→Sounds→Reverb Effect

f:id:MozPaca:20170724154206j:plain

 

適当な名前をつけ、作成完了です。

f:id:MozPaca:20170724154358j:plain

 

作成したReverb Effectをダブルクリックで開くと、

このようにたくさんのパラメータが出てきます。

f:id:MozPaca:20170724154609j:plain

 

今回は変化を分かりやすくするため、

Gainの数値を上げています。

 

Gain...出力感度みたいなの。

 

Reverb EffectをAudio Volumeに適応する

先程レベルに配置したAudio Volumeを選択した状態で、

Detailsタブを見てください。

 

こんな感じになっていると思います。

f:id:MozPaca:20170724160132j:plain

 

このReverb Effectの欄に作成したReverb Effectを入れます。

 

入れました。

f:id:MozPaca:20170724160238j:plain

 

これで完成です。
Audio Volumeの範囲内で再生された音に

バーブ効果が掛かると思います。

 

せっかくなので

というか普通の音では分かりにくいので、

足音を鳴らしてみたいと思います。

 

mozpaca.hatenablog.com

 

mozpaca.hatenablog.com

 

足音の再生に関しては前に記事を書いたので、

過去記事を参考にしてもらえると助かります。

 

やってみた

www.youtube.com

 

洞窟内?では足音が響いてる感じに聞こえると思います。

 

UE4 バーチャルパッドについての備忘録

1週間に記事を最低1つは書く...そんな風に思ってた時期もありました。

2週目にして既に心が折れ、ネタも無い...

 

というわけで備忘録ついでに記事にすることにしました。

今回はスマホ系の制作をしていると必ず見かける

バーチャルパッドについて書きたいと思います。

f:id:MozPaca:20170627201155j:plain

 

今回の記事を書くにあたって

UE4 4.16.1のプロジェクトを使用しています。

f:id:MozPaca:20170627201259j:plain

 

バーチャルパッドの設定はどこ?

バーチャルパッドはプロジェクトをスマホ/タブレット向けに

作成するとデフォルトで描画されます。

 

このバーチャルパッドの設定をする場合には

左上のEditからProject Settingsを開きます。

f:id:MozPaca:20170627201453j:plain

 

EngineからInput→Mobileの

Default Touch Interfaceを編集します。

f:id:MozPaca:20170627201502j:plain

 

Engine Contentsを可視化していない場合、

タブを開いても何も見つからないので、

右下のView Optionsから

Show Engine Contentsにチェックを入れます。

f:id:MozPaca:20170627201512j:plain

 

映るようになりました。

f:id:MozPaca:20170627201525j:plain

 

この2つはそれぞれ、このような形になっています。

 

【Default Virtual Joysticks】

f:id:MozPaca:20170627201546j:plain

 

【Left Virtual Joystick Only】

f:id:MozPaca:20170627201555j:plain

 

バーチャルパッドを消したい場合

パッドの選択画面でClearをクリックすることで

パッドを消すことができます。

f:id:MozPaca:20170627201609j:plain

 

消えた。

f:id:MozPaca:20170627201619j:plain

 

その他

また、Touch Interfaceをカスタマイズすることにより

パッドの見た目を大きく変更することができます。

www.youtube.com

今回はデフォルトのパッドをカスタマイズして、

私のTwitterアイコンをパッドとして扱ってみました。