虛幻引擎4筆記(12)-遊戲界面

前言

藍圖是虛幻引擎的一個可視化編碼語言,不會編程的朋友也能通過藍圖來實現遊戲的製作。
本人於2020年的3月份入坑虛幻4,可能技術上有些欠缺,要是有大佬發現哪裏錯了的話敬請指出。寫文章的主要目的是爲了記錄自己的學習過程,不過也希望能幫助到其他像我一樣的朋友學習虛幻藍圖。不同版本的虛幻引擎有進行不同程度的漢化,相應藍圖節點也會變化
此文章中使用的虛幻引擎版本: 4.23.1

隨着學習的深入,後面的筆記會慢慢省略一些前面筆記寫的內容,有需要的話可以去看較基礎的筆記內容

虛幻4官方文檔
虛幻4中文官網
虛幻引擎藍圖API參考文檔
虛幻引擎4藍圖節點-小狐狸233

注:此篇筆記主要介紹一下一個簡單的遊戲界面的創建,需要使用到一張圖片

上一篇筆記

一、圖片導入

首先我們需要一張圖片作爲遊戲界面的背景,將所需要的圖片
在這裏插入圖片描述
在這裏插入圖片描述

二、控件藍圖

在這裏插入圖片描述

[1]. 設置背景

將剛剛導入的背景圖片拖動到控件藍圖中
在這裏插入圖片描述
然後調整背景的大小,將背景覆蓋虛線框即可。如果你在遊戲中發現了背景圖片沒有充滿整個屏幕時,可以再回來控件中拉伸背景以達到相應的效果。
在這裏插入圖片描述

[2]. 按鈕

在左邊搜索欄中搜索Button組件
在這裏插入圖片描述
然後將該按鈕組件拖動到面板中,和背景圖片並列
在這裏插入圖片描述
創建完畢後如下,按鈕將會默認放置於左上角
在這裏插入圖片描述
我們需要兩個按鈕,一個是開始遊戲,另一個是結束遊戲
創建兩個按鈕後,調整按鈕相應的位置和大小,淡灰色的即爲按鈕
在這裏插入圖片描述

[3]. 文本

此時的按鈕上面並沒有文字,如果要讓玩家知道點擊了這個按鈕有什麼作用時,就需要有相應的文本解釋。
在這裏插入圖片描述
然後拖動到Button下變成按鈕中的文本
在這裏插入圖片描述
選中文本組件,在細節面板中有一個text參數,可以對相應的值進行修改。
在這裏插入圖片描述

[4]. 藍圖

控件的右上角有一個設計器和圖表,設計器即當前的界面,圖表即藍圖
在這裏插入圖片描述

(1) 開始遊戲

先在左邊的層級界面中選中開始按鈕,在細節面板中拖動到末尾,有一個On Clicked事件,點擊加號進行添加。
在這裏插入圖片描述
當玩家點擊開始按鈕時,將會觸發這個事件節點
在這裏插入圖片描述
然後創建一個Remove from Parent節點,這個節點的作用是刪除按鈕的父類,即我們之前創建的控件。當控件被刪除之後,背景和按鈕相應的東西就會被清除掉,然後玩家就能看見遊戲裏的東西了。
在這裏插入圖片描述
在這裏插入圖片描述

(2) 結束遊戲

同樣的方法,在結束遊戲的按鈕添加一個On Clicked節點
在這裏插入圖片描述
再創建一個Quit Game節點,執行了這個節點之後,遊戲將會退出。
在這裏插入圖片描述
將兩個節點相連
在這裏插入圖片描述
記得編譯保存

三、關卡藍圖

[1]. 觸發事件

光是完成控件藍圖是沒有作用的,因爲控件藍圖還沒有被調用執行。
這時我們就需要通過Begin Play節點來執行菜單的控件藍圖。
先打開關卡藍圖,創建一個Begin Play節點
在這裏插入圖片描述

[2]. 創建控件

然後創建一個創建控件節點
注:在較舊版本中,該節點爲英文
在這裏插入圖片描述
創建完畢後選擇剛剛的控件,通過執行這個節點,我們可以爲自身創建一個控件(遊戲界面),並輸出相應控件的操作對象。
在這裏插入圖片描述
將其與事件節點相連
在這裏插入圖片描述

[3]. 添加界面

通過這個節點的輸出接口,我們可以調用一個Add to Viewport節點,因爲在我們爲自己創建了相應的控件後,屏幕上並不會顯示什麼東西,所以需要通過這個節點將控件中的遊戲界面輸出到我們的屏幕上。
注:Add to Viewport無法直接搜索創建
在這裏插入圖片描述

在這裏插入圖片描述
最後編譯保存即可

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章