【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(または自分で付けた名前)」のものをダブルクリックして再び立ち上げましょう。

関連記事

盛り上がるゲーム=プレイヤーの“声”が出るゲーム!最大8名の協力型アクションパズル『PICO PARK』が白熱する19個の理由【CEDEC2023】
2023.09.15
「乾坤一擲ジャストパリィ!」大会のような熱量と格闘ゲームの面白さを伝える『ストリートファイター6』自動実況システムの作り方【CEDEC2023】
2023.09.13
リアルさの追求で終わらない「ポケモンらしい」表現とは。『ポケットモンスター スカーレット・バイオレット』パルデア地方の描き方【CEDEC2023】
2023.09.12
AEの操作感でUIアニメーションが作れるUnity用ツールを独自開発。UIデザイナーとエンジニアのコミュニケーションコストを減らす内製ツールに求められた5つの要件とは【CEDEC2023】
2023.09.06
効率よく、漏れなく、大量に翻訳!自作ツールや日本語キーも使った『カゲマス』『ダンクロ』のローカライズ手法【CEDEC2023】
2023.09.04
右から左に書かれる文章、前後関係でカタチが変わる文字。『FORSPOKEN』のアラビア語ローカライズで行われた9個の工夫【CEDEC2023】
2023.08.31

注目記事ランキング

2023.09.21 - 2023.09.28
1
「UEFN」って実際どうなの? 編集部が3時間で「みんなで遊べるアクションゲーム(?)」を作ってみた
2
『フォートナイト』で動く本格的なゲームが作れるツール「UEFN」とは?従来のクリエイティブモードから進化したポイントを一挙紹介!
3
CGWORLD JAM vol.05にゲームメーカーズが登壇します!『ゼロから始める「UEFN」。自作モデルを使った”超簡単”な3Dアクションゲームの作り方を実演!』
4
フォートナイト クリエイティブとUEFNで使える仕掛け一覧
5
【CHALLENGE1】「クリエイター ポータル」を使って、UEFNで作成した島を世界中に公開する
6
【2022年5月版】今から始めるフォートナイトの「クリエイティブ」モードープレイ開始から基本的な操作方法まで解説
7
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.1「アイテム系」
8
【CHALLENGE2-1】フレンドと一緒にゲームを作ろう――UEFNプロジェクトをチームメンバーとリアルタイムで共同編集する
9
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part2
10
【STEP2】UEFNの基本的な使い方を覚えよう
11
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part1
12
【CHALLENGE3】UEFNの機能「ランドスケープ」を使ってオリジナルの地形を作る
13
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.5「島の設定」
14
『フォートナイト』で建築ビジュアライゼーション!?UEFNでオリジナルの世界観をどう作り上げたか、その手法を解説【UNREAL FEST 2023 TOKYO】
15
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.2「ユーティリティ系」
16
【UEFN書籍発売記念!2大キャンペーン】UEFNで島を作ろう!動画投稿キャンペーンを開催。『フォートナイト 2800V-Bucks』が15名に当たるプレゼント企画も
17
【STEP6-1】「オリジナルキャラクターを登場させよう」――Fabでアセットをダウンロードしよう
18
フォートナイトとUEFNがv26.20にアップデート。マッチメイク時にパーティを同じチームに割り当てるオプションが追加される
19
フォートナイトとUEFNがv26.10にアップデート。「ジップライン」が仕掛けとして追加されたほか、Verseからマテリアルの差し替えが可能になった
20
まるで『マイクラ』?ボクセル地形を生み出す無料アセット「VoxelPlugin Free」で”地形を掘ったり積み重ねたり”して遊んでみよう
21
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.6「チーム・対戦系」Part1
22
【STEP5-1】スタート時のカウントダウンを作る
23
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.4「ゲームシステム系」
24
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.3「プレイヤー系」
25
【STEP4-2】リスポーンとチェックポイントの仕組みを作る
26
フルカラー書籍「UEFN(Unreal Editor For Fortnite)でゲームづくりを始めよう!」、ついに本日発売!全国書店で好評発売中!
27
【STEP6-3】「オリジナルキャラクターを登場させよう」――キーボーとムラスケのメッシュをインポート
28
【STEP4-1】コース外に出たらデスする仕組みを作る
29
【STEP4-3】仕掛けを使って「坂を転がるボールのギミック」を組み込む
30
【STEP3】オリジナルのアスレチックコースを作ろう
VIEW MORE

イベントカレンダー

VIEW MORE

今日の用語

ブループリント(Blueprint)
ブループリント
  1. 設計図。
  2. アンリアルエンジンにおいて、標準搭載されているビジュアルスクリプト言語。
VIEW MORE

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