遊戲一般需要顯示玩家的資訊,比如他們當前的分數.血量或角色的等級。GUI,也就是用戶圖形化介面的簡稱,就能用來顯示這些資訊

在入門教學,你將能學到如何在畫面上的頂部去建立一個分數條,如同下方顯示

https://developer.roblox.com/assets/bltd71464005403f781/88f242b2b0a55f2e46828cd1c16af7bb.jpg

如果要建立能顯示在畫面上的 GUI 分數條,你將需要先建立一個 ScreenGui 物件 - 它就像是一個 2D的畫布用來顯示視覺元素在玩家的畫面上。它最好能被加在 StarterGui 服務上,這樣的話就能在每個玩家加入遊戲時被複製

  1. 在 Explorer 視窗,滑鼠指標對著 StarterGui 物件並點擊加號按鈕

https://developer.roblox.com/assets/blte9b00fd6b4864cc0/b7ebec01b180fdaedc60e7fbac75ff74.png

  1. 在選單上選擇 ScreenGui ,這將會創造一個新的 2D 畫面在 3D 遊戲世界之前

https://developer.roblox.com/assets/blt70686428c42119c9/929cfb63733d5e2241968d172ea7149d.png

當你繼續打造你的遊戲,額外的 ScreenGui 容器能被加到 StarterGui,每個能包含 GUI 物件作為某個畫面或目的。比如,你能夠為你的菜單畫面建立一個 ScreenGui,另一個 ScreenGui 則是為了你的遊戲中 GUI 元素,初始為隱藏。等到需要時再透過腳本來顯示或隱藏它

建立一個 Frame

為了方便組織以及調整尺寸,最好的做法就是將關聯 GUI 元素一起放進一個 Frame 容器。比如,一個基本的分數條可能包含一個 ImageLabel 和一個 TextLabel 在一個 Frame 物件內

https://developer.roblox.com/assets/blt098281aba1400d62/85880bb58fb37e9450dc231d40c9a322.png

為加入一個空 frame:

  1. 將滑鼠指標移到 ScreenGui 物件,點擊加號按鈕後選擇 Frame。這將建立一個空 frame 在畫面的左上角

https://developer.roblox.com/assets/bltef90412453685a1e/6a40b9623e4e422a62337904a75d0e58.jpg

  1. 為增加可讀性,最好能把新建的 frame 加以更名,根據它所存放的內容,比如 ScoreBarFrame

https://developer.roblox.com/assets/blt5c8c0b84b3343fff/cf9b95208953bb0c8e0fffecc165b051.png

在遊戲完成時,一個玩家的 GUI 通常會有多個 frame ,比方一個用來顯示分數,另一個用來顯示遊戲角色的技能等等