SlideShare a Scribd company logo
1 of 84
Download to read offline
左上のファイルから新規レベルを選択し
あたらしくマップを作って下さい
今回はタイトルなどのUIの画面だけでいいので
一番右の空のレベルを選択して作成してください
真っ暗ななにもないレベルが出来上がったら
現在のレベルを保存を押してください
名前を「Title」に変更して保存してください
完成したらまた新規レベルを押し
次は「Result」「Menu」のレベルを
作成してください
このように3つのレベルを
作成します
次にWidgetを3つ作ってください
名前は「TitleWidget」「MenuWidget」「ResultWidget」
作れたら「TitleWidget」を開いてください
左上の覧から「Text」を
ドラッグ&ドロップで画面上に配置してください
Text名:TITLE
アンカー:中央
色:白
で作成してください
左上の覧から「Button」を検索して
ドラッグ&ドロップで配置してください
位置とサイズを調整しておいてください
アンカーを中央に設定してください
左上の覧からTextをドラッグ&ドロップで
配置したボタンの上に設置しましょう
ボタンとテキストが親子関係になるように
設置してください
ちゃんと親子関係になっているかどうかは
確認しておいてください
テキストを
テキスト名:START
文字:黒
に設定してください
先ほど設定したアンカーが
外れている場合があるので
もう一度ボタンのアンカーを
中央に設定しなおしてください
設定し終えたら右の覧の
下の方にある「On Pressed」を押してください
そうしたらイベントグラフに追加されていると思います
ボタンから伸ばし
「Open Level」に繋げます
「Open Level」の「Level Name」の覧に
「Menu」と記入してください
完了したらコンパイルして閉じ
Titleのレベルブループリントを開いてください
「Title」のレベルブループリントを開いたら
「Event Begin Play」から伸ばし「Create Widget」に
繋ぎさらに「Add to Viewport」に繋いで下さい
「Create Widget」(Construct NONE)の「Class」の覧に
「TitleWidget」を選択してください
プレイしてみると画面に先ほど作成したUIが
表示されたかと思います
先ほどの画面上のSTARTとかかれたボタンを
押したら真っ暗な画面に移動したと思います
これは「Menu」のレベルに何も表示させていないから
こうなるだけです
次はこのメニューの画面を表示させます
「MenuWidget」を開いてください
先ほどタイトルを作った時のように
この画面をつくってみてください
作ることができたらまずPLAYとかかれた
ボタンの方の「On Pressed」をクリックしてください
「Open Level」に繋ぎ
「Level Name」のところに
「ThirdPersonExampleMap」と
入力してください
次はBACKとかかれたボタンの
「On Pressed」をクリックしてください
「Open Level」に繋ぎ
「Level Name」に
「Title」と入力してください
完了したらコンパイルして
Menuのレベルブループリントを開いてください
Titleのレベルブループリント
と同じようにノードを繋げてください
「Create Widget」(Construct NONE)の「Class」の覧に
「MenuWidget」を選択してください
「Title」のレベルを選択してひらいてください
そして右上の再生ボタンをおしてください
タイトルのSTARTを押すと
この画面に来ると思うので
BACKを押してみてください
メニューの画面でBACKを
クリックするとタイトルに
画面が切り替わると思います
また、メニュー画面からPLAYをクリックすると
ステージに画面が切り替わります
ここでミスがありましたので訂正しておきます
「Result」のレベルブループリントはいらないので
削除しておいてください
(ResultWidgetは使用しますので消さないでください)
「ThirdPersonExampleMap」を開いてください
このオブジェクトは邪魔になるので消しておいてください
左上の覧から「キューブ」を選択し
ドラッグ&ドロップでマップ上に配置してください
配置できたら右下の覧の「ブループリントを作成する」
をクリックしてください
この画面が出るので「ブループリントを作成」をクリックして
作成してください
ブループリントを開いたら左上の覧から
「StaticMeshComponent」を選択し
右側の覧の「Collision」の「コリジョンプリセット」を
「OverlapAll」に変更してください
完了したらコンパイルして閉じてください
Map上で配置したキューブを選択状態にしてください
選択した状態でレベルブループリント
を開いてください
右クリックでCube Bluprintにイベントを追加の
左の▼をクリックし、その中のコリジョンの
左▼をクリックして
「Add On Actor Begin Overlap」を選択してください
選択できたらこのノードが出現します
このノードから「Cast to ThirdPersonCharacter」に
繋げてください
「Cast To ThirdPersonCharacter」から伸ば
し「Create Widget」と「Add to Viewport」に
繋げてください
「Create Widget」の「Class」には
「ResultWIdget」を選択してください
「Add to Viewport」から伸ばし
「Disable Input」に繋げてください
「Disable Input」の「Target」と
「Third Person Character」の「As Third Person Character」を
繋げてください
重なっていてわかりにくかったら
このようにノードを動かして見やすくしてみてください
「Disable Input」から伸ばし
「Set Show Mouse Cursor」に繋げてください
「Set Show Mouse Cursor」の
「Target」には「GetPlayerController」を
繋げてください
完了したらコンパイルして
閉じてください
「ThirdPersonCharacter」を開き
「Seconds」と「Stop」という変数を
作ってください
変数の詳細は右側の覧にあります
どちらも初期値は0にしておいてください
「Event Tickを出現させてください」
「Event Tick」から伸ばし「Branch」に繋げてください
「stop」の変数をドラッグ&ドロップし
「Get Stop」を選択してください
「Get Stop」から伸ばし
=と入力してでてくる
「Equal(intanger)」を選択してください
画像のようにつないでください
(中の値は0のままで大丈夫です)
「Branch」から伸ばし「Delay」に繋げ
中の値を「1」に設定してください
「Seconds」をドラッグ&ドロップし
「Set Seconds」を選んでください
「Set Seconds」の「Seconds」から伸ばし
+と入力して出てくる「intanger + intanger」を
選択してください
「Seconds」をドラッグ&ドロップし
「Get Seconds」を選択してください
画像のように繋げてください
完了したらコンパイルして
閉じてください
次はレベルブループリントを開いてください
「Cast To ThirdPersonCharacter」の
「As ThirdPersonCharacter」から伸ばし
「Set Stop」と入力して選択してください
「Set Stop」を一番後ろへ持っていってください
「Set Stop」の中の値を
「1」に変更してください
値を変えることができたら
「Set Show Mouse Cursor」と
「Set Stop」を繋げてください
完了したらコンパイルして
閉じてください
次は「Cube_Blueprint」を
開いてください
「Cube_BluePrint」に「Box Collision」を追加してください
完了したらコンパイルして閉じてください
再生して配置したキューブに接触し
プレイヤーの動きが停止すれば成功です
次は「Result WIdget」を開いてください
まずはテキストを
「クリアタイム」「99」「秒」の三つにわけて
配置してください
「99」を選択し
右側の覧のTextの右側にある「バインド」を
クリックし、「バインディングの作成」を
クリックしてください
開いた画面でこのようにノードを組んでください
ToTextは「Get Seconds」と
「Return Node」の「Return Value」を
繋ぐと自動的に出現します
完了したらこの画面に戻り
ボタンを作成して配置してください
中のテキストは「タイトルに戻る」と記入してください
ボタンのアンカーを中央にし
「On Pressed」をクリックしてください
「On Pressed」から伸ばし「Open Level」に
繋いでください
「Level Name」のところは「Title」と記入してください
完了したらコンパイルして閉じてください
再生してキューブに接触するとクリアタイムと
タイトルに戻るボタンが出現します
次は「ThirdPersonCharacter」を開いてください
時々ゴールしてから値が増える
不具合があるのでそれを修正します
「Delay」を「Branch」の前に位置を
変更してください
このようにしてください
次はレベルブループリントを開いてください
ゲーム開始時にマウスカーソルを表示しないようにしたいので
「Event Begin Play」からこのように繋げてください
次は「Title」のレベルブループリントを
開いてください
「Title」のレベルブループリントの「Add to Viewport」から
「Set Show Mouse Cursor」と「Get Player Controller」を
画像のように繋げてください

More Related Content

More from XxTOYOxX (16)

Game instance
Game instanceGame instance
Game instance
 
Tp anim bp
Tp anim bpTp anim bp
Tp anim bp
 
Xbox ui
Xbox uiXbox ui
Xbox ui
 
Multi play
Multi playMulti play
Multi play
 
Push event
Push eventPush event
Push event
 
Mixamo presen
Mixamo presenMixamo presen
Mixamo presen
 
Ue4 animation
Ue4 animationUe4 animation
Ue4 animation
 
Sketchfab
SketchfabSketchfab
Sketchfab
 
Part6
Part6Part6
Part6
 
Part5
Part5Part5
Part5
 
Part4
Part4Part4
Part4
 
Part3
Part3Part3
Part3
 
Part2
Part2Part2
Part2
 
Part1
Part1Part1
Part1
 
How to make bomb
How to make bombHow to make bomb
How to make bomb
 
Game1 part2
Game1 part2Game1 part2
Game1 part2
 

Recently uploaded

COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
Flyke1
 
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
Michael Rada
 

Recently uploaded (9)

セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
 
COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
 
intra-mart Accel series 2024 Spring updates
intra-mart Accel series 2024 Spring updatesintra-mart Accel series 2024 Spring updates
intra-mart Accel series 2024 Spring updates
 
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
 
ふりかえりを1枚で実施できる新フレームワーク(アジャイルレトロスペクティブズ2)
ふりかえりを1枚で実施できる新フレームワーク(アジャイルレトロスペクティブズ2)ふりかえりを1枚で実施できる新フレームワーク(アジャイルレトロスペクティブズ2)
ふりかえりを1枚で実施できる新フレームワーク(アジャイルレトロスペクティブズ2)
 
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
 
company profile.pdf
company profile.pdfcompany profile.pdf
company profile.pdf
 
Broadmedia Corporation. 240510fy2023_4q
Broadmedia Corporation.  240510fy2023_4qBroadmedia Corporation.  240510fy2023_4q
Broadmedia Corporation. 240510fy2023_4q
 
日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略
日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略
日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略
 

From title ui loop