MOZA Vision GS盤【儀表編輯器】教學 |
1.建立自訂儀表板
點選新建,輸入儀表名稱,就可以建立一個空白的儀表板
在MOZA dash studio內編輯完成儀錶板後,需點選上傳儀表將儀表板上傳至裝置側
目前支援文本,矩形,橢圓,圖片,圓形儀表,線性儀表,地圖7種UI控件,選擇並點擊介面左上角的控件圖標,畫布上就會顯示對應的UI控制項。 UI控制項後續會持續更新,支援更多類型的控制項。
右側的屬性面板可以編輯文字的屬性:
常規:
-
常規屬性編輯的是UI控制項的顯示框樣式,可以編輯座標,寬高,背景顏色,邊框顏色等屬性
文字:
-
內容:點擊即可編輯文字控制項所顯示的內容,點選圖示“fx”,會顯示遙測綁定的彈窗,點選插入屬性,選擇想要綁定顯示的遙測數據,在結果格式的下拉列表,可以選擇希望展示的資料格式,點選確認後遙測就綁定成功了。
-
字號,字體,字重,字體顏色,對齊方式等屬性都是對顯示的字體樣式編輯
效果:
-
可編輯控制項的顯示效果,例如閃爍、透明度、旋轉。
矩形控制項只能編輯一些常規和效果的屬性
常規:
-
常規屬性編輯的是UI控制項的顯示框樣式,可以編輯座標,寬高,背景顏色,邊框顏色等屬性
效果:
-
可編輯控制項的顯示效果,例如閃爍、透明度、旋轉
圓形控制項可以編輯常規,效果和橢圓的屬性
常規:
-
常規屬性編輯的是UI控制項的顯示框樣式,可以編輯座標,寬高,背景顏色,邊框顏色等屬性
效果:
-
可編輯控制項的顯示效果,例如閃爍、透明度、旋轉
橢圓:
-
可以編輯橢圓的邊框顏色,邊框厚度,橢圓的背景顏色
圖片控制支援上傳圖片,圖片格式支援JPEG,JPG,PNG,BMP,GIF
點擊“請選擇圖片”,打開系統資料夾,選擇圖片即可上傳
錶盤屬性:可以編輯錶盤的背景顏色,錶盤外圈和內圈的樣式
數值:可以編輯數值的屬性可以編輯錶盤刻度的最大值和最小值。數值綁定遙測資料後就可以在遊戲內顯示對應的遊戲資料了。
刻度:支援編輯儀表最小值的起始位置角度,支援編輯最小值與最大值之間的夾角
大刻度線:支援編輯大刻度線的樣式屬性
小刻度線:支援編輯小刻度線的樣式屬性
指標:支援編輯指標的樣式屬性,可以上傳自訂的指標圖片
刻度標籤:支援編輯刻度的標籤數字樣式屬性
環形刻度條:
支援編輯刻度條的顏色,半徑,厚度等樣式
最佳範圍:
可以為儀表不同的刻度範圍設定刻度的背景色
例如設定最佳範圍的區間是5-8,然後在不同的刻度範圍設定不同的顏色,低於最佳範圍設定綠色,最佳範圍設定橘色,高於最佳範圍設定紅色。在儀錶板即可展示對應的顏色。
線性儀表屬性可以編輯線背景圖片,刻度條圖片,刻度條的顏色,刻度條的對齊方式和方向等等。數值是儀表的進度條的數值,數值綁定遙測數據後就可以在遊戲內顯示對應的遊戲數據了
地圖控制項支援編輯賽道顏色、寬度等屬性。 賽道控制不需要綁定遙測即可取得遊戲的賽道數據,但是賽道的UI需要玩家在遊戲中完成一個賽道的有效圈之後才會在儀表板上展示。目前地圖控制僅支援ACC,後續支援其他遊戲
常用的遙測綁定:
文字控制項:選擇內容,綁定希望展示的遙測數據
圓形儀表:選擇數值,綁定希望展示的遙測數據
線性儀表:選擇數值,綁定希望展示的遙測數據
更複雜的動畫效果:
MOZA Dashstudio 支援Javascript函數表達式,可透過JavaScript實現更複雜的動效。
三元運算符:
一個條件後面跟著一個問號(?),如果條件為真值,則執行冒號(:)前的表達式;若條件為假值,則執行最後的表達式。
n==1? “Red”:“Blue”,當n等於1時,返回“Red',反之返回"Blue",n可以帶入為遙測數據,”Red“和”Blue“為判斷後的返回結果
例如:我們預期轉速的數值的背景顏色跟隨遙測的數值變化顯示,轉速小於等於7000時顯示灰色,轉速大於7000時顯示紅色。
-
插入轉速的遙測數據
-
補充JS表達式,顏色需要輸入Hex色值,色值可以在顏色編輯器中查看
Telemetry.get('v1/gameData/Rpm').value > 7000 ? '#FF0000':'#808080'