【STEP4-2】アスレチックステージ風の「動く床」を作ってステージに配置しよう

2022.01.22
ゲームづくりの知識
この記事をシェア!
twitter facebook line B!
twitter facebook line B!
目次

ブループリントを使って動く床を作ります。3Dアクションゲームで必ず登場する動く床は、わずか4つのノードを繋げることで完成します。ここから少し内容が難しくなりますが、すべてを理解しようとせず、まずは手順通りに進めてみてください。

ブループリントを入れておくフォルダを作る

まずは、自分が作ったブループリントをまとめておくフォルダを用意します。画面左下のコンテンツドロワーを開き、左側のメニューから「コンテンツ」をクリックします。右クリックで新規フォルダを作成し、名前を「MyBlueprint」と付けてください

コンテンツドロワーを表示させる。ショートカットは[Ctrl]+[スペース]なので、いちいちマウスを持っていくのが大変と感じる方は操作を覚えておこう。その後、左側にあるコンテンツをクリックしよう。

コンテンツの中には最初からLevel PrototypingやMannequinなどのフォルダが用意されている。これらのフォルダの近くの「なにもないところ」で右クリックし、新規フォルダを作成する。上から4番目に「新規フォルダ」があるので、これをクリックして名前を「MyBlueprint」に変更しよう。

これで、コンテンツ内に「MyBlueprint」というフォルダができました。もちろん、今の状態では中身は空っぽです。ここから中身を作っていきます。

ブループリントクラス「アクター」を作る

「MyBlueprint」フォルダの中に、ブループリントクラスを作っていきましょう。先ほどと同じように、なにもないところを右クリックし、「ブループリントクラス」をクリックします。自動的に「親クラスを選択」というメッセージがポップアップするので、「Actor(アクタ)」を選びます。

ここではブループリントクラスを選択。先ほどの「新規フォルダ」の2つ下にあるはずだ。なにかを追加するときは、だいたい右クリックのメニューから始まる。

親クラスを選択する。ここでは1番上の「Actor」を選択しよう。

このブループリントが何者なのかが分かるように、名前を付けておきます。動く床なので、「MovingBoard」と名付けました。必ず半角英数字で入力することを覚えておきましょう。

名前をつけ忘れた場合は、ブループリントを選択した状態でF2キーを押すことで改めて入力することができる。ちなみに、この操作はUE5独自のものではなく、Windowsのフォルダ名やファイル名を変更するショートカットと同じ。覚えておくと役に立つはずだ。

乗りやすいサイズの床板を作る

MovingBoardをダブルクリックするとブループリント画面に移動します。ここでは、このアクターがどういったものかを設定していきます。まずは「動く床」そのものを作るために、床板を用意していきます。

床板はキューブから作ります。画面左上の「+追加」ボタンを押し、キューブを選択します。表示されたキューブの形状を変えて床板らしくするために、続いては画面右側の「トランスフォーム」の数値を以下のように設定します。

X:1.0(初期値)

Y:1.0(初期値)

Z:0.1

床板のもととなるキューブを作る。画面左上の「+作成」をクリックし、その中からキューブを選択する。こうすると、中央のビューポートにキューブが現れる。表示されたキューブが大きくて見づらい場合は、マウスホイールを動かして縮小を試してみよう。

キューブの状態では床板に見えないので、これを薄くしたい。ここで使うのが「トランスフォーム」だ。

トランスフォームは画面の右側にある。数値を入力する欄がいくつかあるが、ここでは青枠の数字を0.1に変えるとちょうどいい板になる。数値を変えて、エンターキーを押してみよう。

高さが1/10になったことで板状に変形。これで乗りやすい板になった。

なお、初期状態では「Cube」という名前になっていますが、あとから分かりやすいように「MovingBoard」などの名称に変更しておきましょう。

 

イベントグラフ画面でノードをつなげていく

ここからはSTEP4-1でも触れたノードが登場します。「ビューポート」で床板を作ることに成功したら、その横にある「イベントグラフ」を開いて、動きの設定をしていきます。

イベントグラフをクリック。この中でさまざまなノードをつなぎ、機能を作っていく。

最初から薄い色をした3つのノードが並んでいますが、今回使うのは1番上にある「イベント BeginPlay」だけです。このBeginPlayの右側のピンをドラッグし、なにもないところでドロップすると、「その先に作ることのできるノードの一覧」が表示されます。数が膨大なので、検索欄に「timeline」と入力して、「タイムラインを追加する」という項目を探しましょう。

タイムラインを追加したら、役割が分かりやすいように名前を「BoardMovement」に変えておきます。

とにかく実行可能なアクションは数が多い。1つ1つ見ていくのは不可能なので、検索欄にtimelineと入力し、タイムラインに関係のあるものだけを表示させよう。今回使う「タイムラインを追加する」は1番下にある。

タイムラインで「床がどのくらい動くのか」を設定する

タイムラインが追加できたら、ダブルクリックで中に入りましょう。まだ中にはなにもないので、最初に「+トラック」から、フロートトラックを追加しておきます。

フロートトラックを追加。場所は画面の左上あたり、ビューポートの真下にある。

こちらが「フロートトラック」。ここにも名前をつけることができるので、ここでは「MovementRange」とした。どのくらいの時間でどのくらい動くのか?を数値で設定していく。

フロートトラックでは、キーフレームという「時間によって変化する値の支点」を打っていきます。フロートトラックの上で右クリックし、「CurveFloat_0にキーを追加」を選択すると、好きな位置にキーフレームを打つことができます。まずはトラックの上に3つのキーフレームを入れてみましょう。

その後、それぞれのキーフレームの数値を以下のように変更してみます。

1番目(左)のキーフレーム 時間:0 値:0

2番目(中央)のキーフレーム 時間:2.5 値:250

3番目(右)のキーフレーム 時間:5.0 値:0

ここまでできたら、最後に必ず「ループ」をクリックしておきましょう。

指定の位置にキーフレームを入力したフロートトラック。指定した数値が大きいと画面からキーフレームがはみ出してしまう場合もあるが、左上の[↔][↕]ボタンを1度ずつ押すことで画面内にすべてのキーフレームを収めることができる。ステージの内容などを照らし合わせながら数字を検討したり、複雑な動きにするためにキーフレームの数を可変してもよいが、今の段階ではシンプルな動きでよいだろう。

必ずループをONにしておく。ループがOFFだと、動く床がタイムラインの終点で止まってしまうためだ。

イベントグラフに戻り、「場所を変える」ノードを繋ぐ

ここまでできたら、残すところはあとひとつ。イベントグラフ画面に戻り、先ほどのタイムライン「BoardMovement(または、自分でつけた名前)」の右側のUpdateのピンから、「Set Relative Location(MovingBoard)」を選択します。

先ほどと同様に、必要なアクションの冒頭を入力すると検索が可能。Set Relative Location(MovingBoard)という、いかにもな名前のアクションを選ぼう。

これで「Board」を動かすことができます。最後に、「SetRelativeLocation」の黄色いピンを右クリックし、「構造体ピンを分割」を選びます。分割したら、Y軸(横移動)のピンと、先ほどのフロートトラック「MovementRange(または、自分でつけた名前)」を繋ぎましょう。

構造体ピンを分割する。今回はY軸(横)に繋いだが、Z軸に繋げば上下に移動する床を作ることもできる。タイムラインを別で用意して、それぞれを繋ぐことで複雑な動きを作ることも可能なので、余裕があればいろいろ試してみよう。

完成図。この通りになっているだろうか?うまくいかない場合は、こちらの画像の通りに作り直してみよう。

すべて完成したら、最後に左上の「保存」と「コンパイル」をクリックします。これでブループリントの画面は閉じても構いません。右上の☓ボタンから閉じてしまいましょう。

コンパイル後はチェックマークがつく。設定を変更するたびに都度コンパイルが必要になるが、これはお作法として覚えておこう。

ゲーム内に作った床を配置して、動きを確かめる

ようやく動く床が完成しました。あとは、ステージの好きな場所に置いてみましょう。置き方は、自分が作った「MovingBoard」をドラッグ&ドロップするだけです(最初に作ったフォルダの場所、覚えていますか?見つからない方は、コンテンツの中にあるフォルダの中を探しましょう)。

無事に動く床を実現できた。一度やり方が分かってしまえば、3分ほどで実現できるはずだ。床は複数置いてもいいし、別の動きをする床をブループリントで作ってみてもいい。最初からすべてを理解する必要はないので、遊びながらやり方を覚えていこう。

いよいよ次が最後のSTEPです。またブループリントが登場するので、今回の内容を覚えているうちに先に進みましょう。

NEXT STEP >>

【STEP4-3】「触るとゲームオーバーになるトゲ」を作ってステージに配置しよう


『ゲームづくりを始めよう』に戻る

作業を中断する場合は「名前をつけて保存」をします。再開する場合はUE5を立ち上げて、最近使ったファイルから「MyFirstGame(または自分で付けた名前)」のものをダブルクリックして再び立ち上げましょう。

関連記事

イチから教えるUE標準サウンド機能の使い方ーー初歩的なSEの鳴らし方から3Dサウンドの適用方法までを動画付きで解説
2023.01.31
ビルが崩れ、破片が舞う。スクウェア・エニックスとEpic Games Japanが送る、Chaos Destructionを活用したリアルタイム破砕とNiagara FluidによるVFX制作ノウハウ【UNREAL FEST WEST ’22】
2023.01.27
写真フィルターのようにシーンの雰囲気を大きく変えるUE5「ポストプロセス」入門。デフォルト機能による調整と『Stylized – Dynamic Nature』による油絵風フィルター適用までを解説
2022.12.23
カプコンの内製エンジン「RE ENGINE」をゲームエンジンプログラマが触ってみた。技術者目線のカプコン オープンカンファレンスRE:2022レポート
2022.12.14
「MMOエンドコンテンツの死闘をもう一度楽しみたい!」――48時間でプロトタイプを開発した『TrinityS』ブラッシュアップの歴史と今後のロードマップ
2022.12.12
VRゲーム『ディスクロニア: CA』負荷低減策から世界観を強化する魚群表現まで――Meta Quest 2の性能を最大限生かしたリッチなグラフィックの実現方法
2022.12.08

注目記事ランキング

2023.01.30 - 2023.02.06
1
フォートナイトがv23.20にアップデート!「ファルコンスカウト」が新たに追加されたほか、全ての島でゲーム終了後の演出設定が可能に
2
【2022年5月版】今から始めるフォートナイトの「クリエイティブ」モードープレイ開始から基本的な操作方法まで解説
3
まるで『マイクラ』?ボクセル地形を生み出す無料アセット「VoxelPlugin Free」で”地形を掘ったり積み重ねたり”して遊んでみよう
4
フォートナイトがv23.30にアップデート!「バジェット超過編集」や「クラウドボリューム」など、クリエイティブモードで多くのアップデート
5
フォートナイトがv22.30にアップデート!クリエイティブモードにて「バトルロイヤル島」が登場したほか、メモリ使用量を表示する新たなマップUIが追加
6
Epic Games、フォートナイトで動作する新たな専用エディターを2023年3月末頃までにリリース予定であることを報告
7
フォートナイトがUnreal Engine 5.1に移行。Nanite、Lumen、仮想シャドウマップ、テンポラル スーパー解像度に対応
8
フォートナイトがv23.00にアップデート!クリエイティブモードにおける仕掛けが大幅アップデート、バトルロイヤルモードは新チャプターへ
9
教育版マインクラフトで行われる18歳以下対象の全国大会「Minecraftカップ2022全国大会」開催決定、エントリー受け付けがスタート
10
『マインクラフト』Java版と統合版のセット販売が6/7(火)開始。どちらかのエディションを所得しているユーザーはもう片方を無料で入手可能に
11
フォートナイトがv23.10にアップデート!イベントブラウザの追加による島制作の効率化、当たり判定カプセルの縮小化など
12
iPhoneやAndroidから『フォートナイト』がプレイ可能に。マイクロソフトのクラウドサービスXbox Cloud Gamingが提供開始
13
【フォートナイト クリエイティブ】ドリフトボードで駆け巡る!タイマー付きのレースゲームを作ってみよう
14
ZETA DIVISIONのFORTNITE部門にNeverty7氏、Ta-Key氏、yappy氏の3名が加入。クリエイティブモードで世界的に高い評価を得るマップビルダー
15
フォートナイトがv21.10へアップデート。騎乗可能な野生動物やガードの雇用、アイテムプレーサーなどがクリエイティブに追加
16
フォートナイトがv22.40にアップデート!クリエイティブモードにてクリエイター用の仕掛け「クラスセレクターUI」などが登場
17
フォートナイト『NO SWEAT サマー』イベントが開催!「汗をかかない」夏をテーマにして作られた島の投稿を募集中
18
フォートナイトがv21.20にアップデート!クリエイティブに新武器「チャージサブマシンガン」や「ボーラースポナーの新オプション」が追加
19
フォートナイトがv22.20にアップデート!クリエイティブモードに新しいイベントシステム「ディレクトイベントバインディング」が追加
20
メイキング動画「マインクラフトの秘密」第10話:ディープ ダーク (深淵)が公開。コンセプトアートやボツ案になった幽霊のブロックなどを紹介!
21
『Fortnite』クリエイティブモードで「スパイダーマン」と「ヴェノム」の世界を再現、一般参加可能のe-sports大会が開催
22
Java版『Minecraft』ver1.19「ワイルド アップデート」と題した大型更新が行われる。バイオームやレッドストーン回路の新出力オブジェクトなど新要素が盛り沢山
23
『Fortnite』建築なしの「ゼロビルド」が実装、新武器アンヴィルロケットランチャー追加など
24
フォートナイトがv21.30にアップデート!クリエイティブに「プレイヤーマーカー」や新しい小道具ギャラリーが追加
25
フォートナイトがv22.00にアップデート!アイテム「ポケットバンカー」、新しいプレイヤーの移動機能「スライディングキック」が登場
26
『Minecraft Live 2022』が10/16(日)午前1時より配信決定!『Minecraft』の最新情報発表や恒例のモブ投票が実施予定
27
フォートナイトがv21.50にアップデート!クリエイティブに「近接デザイナー/近接武器」やレインボーロイヤルの旗の小道具が追加
VIEW MORE

イベントカレンダー

VIEW MORE

今日の用語

ライトニングトーク(LT)
ライトニングトーク 5分ほどの短い時間で区切って行うプレゼンテーションの手法。2000年ごろから浸透した手法で、技術カンファレンスや勉強会で行われることが多い。
VIEW MORE

Twitterで最新情報を
チェック!