アンリアルエンジンのブループリントで学ぶヴィジュアルプログラミング/算数ゲーム・じゃんけんゲームを作ろう

Name: アンリアルエンジンのブループリントで学ぶヴィジュアルプログラミング/算数ゲーム・じゃんけんゲームを作ろう
Rating: 3.9 (60 reviews)

ゲームの統合開発環境である「アンリアルエンジン：UnrealEngine4（UE4）」のブループリント機能を中心に「算数ゲーム」「じゃんけんゲーム」の２つのミニゲームを制作し、ゲーム開発に必要なプログラミングの基礎力を身に付けます。

Created byTatsuya Iwama

Last updated 1/2019

Japanese

What you'll learn

UE4の基本的な操作を習得することができる
UE4のブループリントを用いて「算数ゲーム」「じゃんけんゲーム」を作成できるようになる
UE4のブループリント機能で使用するプログラミング・文法を理解できるようになる
ゲーム開発の基本的なフロー（設計、コーディング、テスト、パッケージ化）を理解できる
２つのゲームを【最後まで】完成することができる

Course content

3 sections • 158 lectures • 10h 18m total length

はじめに3:45
UnrealEngine4のプロジェクトを作成するためのEpic Games Launcherは公式ページから無料でダウンロードすることが出来ます。
インストール方法については割愛させていただきます
https://www.unrealengine.com/ja/download?lang=ja

1. 作成するゲーム内容、得られる知識2:48
ファイルのダウンロード0:10
算数ゲームのドキュメントとプロジェクトを作成する上で必要になるアセットファイルをダウンロードしてください
ドキュメントだけでもゲームを作成できるようになっています
2. プロジェクトを作成する4:51
3. ブループリントでHello Worldを画面に表示する4:40
4. ブループリントで足し算ゲームを作成する0:48
4.1 新規レベル（RandomPlusGame）を作成・保存0:42
4.2 ブループリント(BP_RandomPlusGame)を作成0:46
4.3 足し算の実装2:03
4.4 足し算の引数を変数化12:36
4.5 足し算を関数化3:59
4.6 ランダムの数値を足し算する関数(RandomCalculation)を作成8:27
4.7 キーボード入力で答えを入力8:43
4.8 正解判定3:05
4.9 算数ゲーム(足し算のみ)化2:55
5. 計算方法(足し算、引き算、掛け算、割り算)をランダムに修正する0:49
5.1 新規レベル（RandomCalcGame）を作成・保存0:56
5.2 BP_RandomPlusGameを複製して、BP_RandomCalcGameを作成9:47
5.3 引き算、掛け算、割り算を実装9:48
5.4 関数RandomCalculationの修正18:40
5.5 算数ゲームの計算方法のランダム対応3:57
6. UMGの作成・表示（ウィジェットブループリント）0:39
6.1 新規レベル（DispWidget）を作成・保存3:09
6.2 画像ファイルのインポート3:04
6.3 ウィジェットブループリント(WBP_MathGameOutline)を作成0:49
6.4 ウィジェットブループリントエディタについて8:33
6.5 ウィジェットの配置0:33
6.5.1 Imageを使用してアウトライン背景を表示3:31
6.5.2 Textを配置して計算式を作成10:40
6.5.3 HorizonBoxを使用して、1~9のButtonを横並びに配置する10:00
6.5.4 Imageを使用して結果判定の画像を配置1:42
6.6 レベルブループリントの編集0:36
6.6.1 ウィジェットを表示1:44
6.6.2 マウスカーソルを常に表示1:41
6.6.3 ESCキーでゲームを終了1:19
7. UMGからゲームを実行できるようにする0:45
7.1 新規レベル（MathGame）を作成・保存1:04
7.2 WBP_MathGameOutlineを複製して、WBP_MathGameを作成0:51
7.3 背景をアウトラインがない画像に変更0:46
7.4 WBP_MathGameOutlineからWBP_MathGameを表示するようにレベルブループリントを修正1:05
7.5 ウィジェットブループリントの基本機能を実装2:02
7.5.1 ButtonのClickイベント1:16
7.5.2 TextのTextプロパティの値を変更2:12
7.5.3 Imageの画像切り替え1:35
7.5.4 Imageの表示/非表示1:38
7.6 BP_RandomCalcGameの処理を参考にWBP_MathGameを実装0:31
7.6.1 BP_RandomCalcGameから変更するポイント1:00
7.6.2 BP_RandomCalcGameから変数、RandomCalculationを移植14:30
7.6.3 ボタンのクリックイベントをTextBlock_NumAのTextに設定5:24
7.6.4 計算とボタンの入力値を判定して結果画像と答えを表示6:56
7.6.5 計算と入力判定のループ化10:45
8. テスト項目票の作成、デバッグ0:29
8.1 そのゲームちゃんと動くの？0:49
8.2 ゲーム内容からテスト項目の抽出3:23
8.3 テスト項目票を作成して、テストを実施5:04
8.4 ブループリント、関数単位のテストするためのデバッグ方法について16:15
8.5 ブラックボックステスト、ホワイトボックステスト1:05
8.6 作りたいゲームの作り方、工程に対応するテスト3:17
9. パッケージ化0:43
9.1 配布用パッケージにするためのプロジェクト設定0:52
9.2 Windows(64ビット)でパッケージ化2:54
9.3 パッケージサイズをより小さくする3:32

1.作成するゲーム内容、得られる知識2:25
ファイルのダウンロード0:06
2.プロジェクトを作成する4:31
3.じゃんけんゲームの作成1:00
3.1 新規レベル（Game）を作成・保存0:45
3.2 ブループリント(BP_JankenGameController)を作成0:42
3.3 簡単なじゃんけんゲームを実装0:33
3.3.1 プレイヤーはキーボード入力でグー、チョキ、パーを出力4:09
3.3.2 関数:PlayEnemyJanken (敵はランダムでグー、チョキ、パー)1:49
3.3.3 プレイヤーと敵のじゃんけん結果から勝敗を判定する関数:JudgeJankenを作成7:47
3.3.4 作成した関数を使ってじゃんけんゲームを実装3:46
4. 列挙型を使ってエラーが少ない処理にする1:21
4.1 列挙型:EJankenを作成1:37
4.2 列挙型:EJankenResultを作成1:46
4.3 関数:PlayEnemyJankenのアウトプットの型をEJankenに変更4:12
4.4 関数: JudgeJankenのインプットの型をEjanken,アウトプットの型をEJankenResultに変更6:50
4.5 関数のインプット・アウトプットの変更によるエラー修正5:52
5. 配列を使って5回勝負の結果を出力する0:26
5.1 フローを5回勝負に変更する0:45
5.2 変数の追加(配列の変数)3:54
5.3 配列の操作15:22
5.4 フローの実装15:31
5.5 カスタムイベントを作成して処理を切り離す5:14
6. 構造体を使って出力する結果の情報を増やす0:27
6.1 構造体:FJankenResultを作成する2:10
6.2 変数の追加(構造体の配列の変数)0:58
6.3 bWinResultを使用している箇所をFJankenResultsに置き換える9:37
7.じゃんけんゲームのUI作成0:32
7.1 UIに使用する画像のインポート・設定6:04
7.2 ウィジェットブループリントの操作のおさらい14:05
7.3 ゲームのじゃんけん選択画面を作成する15:07
8. GameMode,GameStateを作成して、ゲームの状態を中継する0:34
8.1 ウィジェットブループリントとゲームロジックの状態を中継する仕組みを作成する0:34
8.2 BP_GameStateを作成する11:16
8.3 BP_GameModeを作成する2:14
8.4 WBP_Gameのウィジェットにバインドを作成して、BP_GameStateの値を反映させる2:06
8.5 WBP_Gameを表示する2:25
8.6 ゲームの状態を中継する仕組みの説明2:08
8.7 BP_JankenGameControllerの変数をBP_GameStateに移行する4:03
8.8 BP_GameStateに変数Initializeを作成し、初期化処理を置き換える3:51
8.9 BP_JankenGameControllerの処理をBP_GameStateの変数を使用するように変更する8:22
8.10 BP_GameStateのCallJankenStrに文字を設定する1:28
8.11 BP_GameStateの変数をWBP_Gameのウィジェットにバインドする10:13
9.ウィジェットブループリントのイベントをブループリントで受け取って処理する0:31
9.1 WBP_GameのButton_Janken_Guをクリックしたら、グーを選択した処理を実行するように実装する4:16
9.2 Button_Janken_Choki,Button_Janken_Paも同様にクリックしたら、処理を実行するように実装する4:05
9.3 MouseOverした際にプレイヤーのじゃんけん画像が変更するように実装する4:39
10. 結果を表示するUI作成0:17
10.1 WBP_GameResultの作成0:34
10.2 ウィジェットの配置11:50
10.3 WBP_GameResultの表示5:00
10.4 コンテニューボタンでWBP_GameResultを非表示にして、ゲームを再開6:30
10.5 WBP_GameResultに結果情報を表示11:13
10.6 FJankenResultを表示するWBP_JankenResultを作成0:12
10.6.1 WBP_JankenResultのUIを作成5:12
10.6.2 じゃんけんの画像を取得する関数:GetJankenTextureを作成2:47
10.6.3 じゃんけんの勝敗画像を取得する関数:GetResultGameTextureを作成3:17
10.6.4 WBP_JankenResultに画像を設定する関数:GetResultGameTextureを作成6:51
10.7 WBP_GameResultのVerticalBox_JankenResultにWBP_JankenResultを表示す関数：SetJankenRes7:06
10.8 BP_JankenGameControllerからSetJankenResultsを呼び出して、じゃんけんの結果を表示する2:13
10.9 PrintStringで出力している処理を削除2:24
11. タイトルを表示するUI作成0:32
11.1 新規レベルTitleを作成0:48
11.2 WBP_Titleの作成0:36
11.3 ウィジェットの配置6:04
11.4 ブループリント：BP_TitleControllerを作成2:25
11.5 WBP_Titleにボタンのイベントディスパッチャを追加1:41
11.6 BP_TitleControllerにボタンのイベントをバインド処理を実装3:52
11.7 Loading画面 WBP_Loadingを作成3:36
11.8 レベル遷移前にLoading画面を表示2:23
11.9 WBP_GameResultのタイトルボタンからTitleレベルに遷移5:13
12. メニュー画面の作成0:31
12.1 WBP_Menuの作成5:35
12.2 WBP_Menuを表示1:45
12.3 WBP_Menuのボタンからイベントディスパッチャを呼び出す2:30
12.4 WBP_Menuのボタンイベントをバインドする0:30
12.4.1 再開ボタンのイベントにバインド5:29
12.4.2 タイトルボタンのイベントにバインド2:55
12.4.3 終了ボタンのイベントにバインド3:51
13. 音の追加0:46
13.1 音データのインポート0:59
13.2 BGMがループするようにキューを作成する1:02
13.3 BGMを再生する2:29
13.4 SEを再生する2:53
14. 解像度設定0:38
14.1 列挙型 EResolutionを作成3:20
14.2 ComboBoxにEResolutionのエニュミレータをすべて表示4:52
14.3 解像度を変える11:01
14.4 レベルを跨いで値を保持するためにBP_GameInstanceを作成10:19
14.5 解像度の設定を保存して、ゲーム開始時に読み込む11:35
15. テスト項目票の作成、デバッグ0:20
15.1 テスト項目票を作成して、テストを実施1:16
16. パッケージ化0:33
16.1 配布用パッケージにするためのプロジェクト設定0:47
16.2 Windows(64ビット)でパッケージ化3:04
16.3 パッケージサイズをより小さくする2:17

Requirements

基本的なPCの操作ができること
UnrealEngine4が動作するPCがあること（推奨）
本コースでは、UE4がダウンロードされたPCを用いて説明をします。手元にパソコンが無くても受講はできますが、コース内でいくつか実践レクチャーを実施しますので、ご自身のパソコンで実際に操作しながら進めていただく方が理解度が高まります。
本コースは、Windows10のPCを用いて説明をします。UE4はMacOSでも動作しますが、OS個別の要件については関与しません。

Description

UnrealEngine4（UE4）は、とても優れたゲームの統合開発環境です。ゲーム開発に必要なエディタがたくさん搭載されています。最近では、ゲーム開発だけではなく、建築・医療等、様々な分野で活用されてます。

このコースでは、UE4に搭載されているブループリント機能を用いて、ゲーム開発に必要なプログラミングを学習します。

実践的なアプローチとして、「算数ゲーム」と「じゃんけんゲーム」の２つのコンテンツ制作を行い、UE4やブループリントの基礎的な使い方を学びます。

UE4の「ブループリントビジュアルスクリプティングシステム（以下、ブループリント）」は、専用のエディタに表示される部品（パーツ）をマウスで繋いでいくだけでプログラミングができる機能です。

特に、このコースでは「プログラミングのロジックを理解すること」にこだわって、学習を進めていきます。プログラミングのロジックを理解することは、プログラミングの基礎力を向上させることに直結します。

それでは、2つのゲームを作って、UE4によるゲーム開発の基本となるブループリント機能の使い方を学び、楽しみながらプログラミングの基礎力をつけていきましょう！

Who this course is for:

ーム開発をしたことのない初心者でも大丈夫
UnrealEngine4を使って、簡単なゲームを作ってみたい人
UnrealEngine4に書籍や参考書を読んで挑戦してみたが、挫折してしまった人
UnrealEngine4の基本的な操作は知っているが、ブループリントの使い方を基礎から学習したい人
UnrealEngine4を用いて、プログラミングの基礎力をつけたい人
ゲーム開発の基本的なフロー（設計、コーディング、テスト、パッケージ化）に合わせて学びたい人
簡単でも良いので１つのゲームを最後まで完成させたい人

アンリアルエンジンのブループリントで学ぶヴィジュアルプログラミング/算数ゲーム・じゃんけんゲームを作ろう

What you'll learn

Explore related topics

Course content

はじめに1 lecture • 4min

算数ゲームをつくろう61 lectures • 3hr 59min

じゃんけんゲームをつくろう96 lectures • 6hr 16min

Requirements

Description

Who this course is for: