跨平台開發

*此內容是使用 AI(Beta 測試版)翻譯,可能含有錯誤。若要以英文檢視此頁面,請按一下這裡

Roblox本質上是跨平台的,因為玩家可以在手機或平板電腦上發現並加入遊戲,然後在PC或主機上繼續他們的進度。為了支持不斷擴展的平台組合,您應該構建能夠無縫適應輸入類型(觸控、遊戲手柄、鼠標/鍵盤)、屏幕大小和設備方向的用戶界面。本指南、自適應設計指南和鏈接的資源可以幫助您設計一個真正的跨平台遊戲,使其兼容、可訪問且在所有平台上都能愉悅地遊玩。

輸入

經過精心設計的遊戲應支持所有主要輸入類型,包括鼠標和鍵盤、觸控和遊戲手柄。

跨平台操作

為了簡化跨平台輸入,Roblox提供了輸入操作系統來定義操作(例如“跳躍”、“衝刺”或“射擊”)並設置多個硬件輸入的綁定來驅動這些操作。您不必考慮硬件輸入的所有技術細節以及何時監聽特定的輸入觸發;您只需定義哪些輸入執行哪些操作。

輸入類型檢測

在跨平台開發中,確定並響應玩家正在使用的主要輸入類型非常重要,通常是為了確保UI元素(例如螢幕按鈕和菜單)在不同設備間優雅運作,並支持互動。

例如,觸控啟用的設備假設觸控是默認輸入,並且可能會顯示觸控按鈕以進行操作,但玩家可能會選擇連接藍牙遊戲手柄。在這種情況下,觸控仍然是一個有效的輸入,但您可以假設玩家希望將連接的遊戲手柄作為主要輸入類型,並可能將觸控用作螢幕UI的備用輸入。

輔助提示

根據主要輸入類型,建議您在可能的情況下包含輔助UI提示。例如,當選擇工具以裝備時,顯示輸入特定的提示,例如在玩家使用鍵盤時顯示15,或者在玩家使用遊戲手柄時顯示遊戲手柄觸發器提示。

GetImageForKeyCode()GetStringForKeyCode()方法對於收集用於UI提示的特定平台圖像或字符串非常有幫助,例如以下示例:

按鍵代碼Xbox 圖像PlayStation 圖像字符串
Enum.KeyCode.ButtonAButtonA
Enum.KeyCode.ButtonXButtonX
Enum.KeyCode.Onen/an/a1
Enum.KeyCode.Fiven/an/a5

用戶界面

精心設計的用戶界面對於所有平台的玩家與您的遊戲進行互動至關重要。

位置和大小

所有UI元素應該定位調整大小,以確保在多個屏幕大小之間都可見和互動。通過Scale定位UI元素是一種常見的方法,因為它是基於百分比的屏幕的XY邊界,而不是像素值(像素可能會在不同設備之間隨著數量和密度而變化)。您還可以利用元素的AnchorPoint設置其位置的原點。例如,以下圖片中裝有寶石/硬幣計數器的UI容器位於X比例為1(右側)和Y比例為0(頂部),並具有上右角的錨點。

Scale同樣推薦用於調整大小UI元素,例如使UI容器在每個屏幕上佔用75%的寬度。然而,75%在4K 電視上的效果對於主機玩家來說會顯得過大,因此建議您探索屏幕大小自適應作為在不同視口間調整UI佈局的一種方法。

屏幕大小自適應

隨著多種可能的屏幕大小可以訪問Roblox平台,試圖通過像素來預測屏幕大小往往會導致誤解。為了幫助確定玩家的屏幕大小以調整UI元素的大小/位置,Roblox提供了只讀的ViewportDisplaySize屬性,表示視口的內部分類渲染大小。

ViewportDisplaySize摘要
Small大多數平板電腦/手機/手持設備
Medium大多數筆記型電腦和顯示器
Large大多數電視或更大的設備

如需更多本地化的自定義,您可以使用UI 樣式編輯器配置ViewportDisplaySizePreferredInput值的樣式查詢。使用內在選擇器,如@ViewportDisplaySizeSmall@PreferredInputTouch可以讓您的UI在玩家的設備環境或主要輸入方法改變時,自動替換文本大小、容器尺寸和其他測量的佔位符。

佈局容器

為了方便UI的組織,您應該使用佈局組件來組織子元素。在使用佈局容器時,請確保子元素可讀、可訪問且不雜亂。常見的佈局組件是UIListLayout,它將兄弟GuiObjects按行或列定位並在添加或刪除兄弟對象時進行相應的調整。

您還應考慮元素在佈局容器中的分佈和相對位置,以獲得最佳的用戶體驗。在列表佈局中集成彈性是一種強大的方式,可以均等填充/分配對齊/拉伸項目,或針對特定項目進行彈性佈局

UIListLayouts展示填充方向為水平或垂直。

可訪問性

即使UI元素在所有設備屏幕尺寸上適當大小,整體遊戲也應該符合可訪問性標準,以照顧視力受損或色盲的玩家。文本大小對基於文本的UI的可讀性影響很大,因此您應該包括文本大小限制,以確保文本不會變得難以辨識(過小)或在像4K 電視這樣的大型螢幕上視覺上過於巨大。

有關可訪問性的更多提示,請參見這裡

最終提示與技巧

在朝著完整的跨平台遊戲努力時,考慮以下提示和技巧:

©2026 Roblox Corporation、Roblox、Roblox 標誌及 Powering Imagination 是我們在美國及其他國家地區的部分註冊與未註冊商標。