MOZA,GS,盤面,儀表,賽車模擬,駕駛模擬

  • 訂單查詢
    聯絡我們
    購物說明
    訂閱電子報
我的購物車
讀取中...請稍候

MOZA Vision GS盤【儀表編輯器】教學

  • 分享文章到

MOZA Vision GS盤【儀表編輯器】教學

 

 

 

1.建立自訂儀表板

 

點選新建,輸入儀表名稱,就可以建立一個空白的儀表板

 

 

 

 

 

2.上傳儀表

 

在MOZA dash studio內編輯完成儀錶板後,需點選上傳儀表將儀表板上傳至裝置側

 

 

 

3.UI控制介紹

 

目前支援文本,矩形,橢圓,圖片,圓形儀表,線性儀表,地圖7種UI控件,選擇並點擊介面左上角的控件圖標,畫布上就會顯示對應的UI控制項。 UI控制項後續會持續更新,支援更多類型的控制項。

 

 

 

 

4.文字控件

 

右側的屬性面板可以編輯文字的屬性:

常規:

  • 常規屬性編輯的是UI控制項的顯示框樣式,可以編輯座標,寬高,背景顏色,邊框顏色等屬性

文字:

  • 內容:點擊即可編輯文字控制項所顯示的內容,點選圖示“fx”,會顯示遙測綁定的彈窗,點選插入屬性,選擇想要綁定顯示的遙測數據,在結果格式的下拉列表,可以選擇希望展示的資料格式,點選確認後遙測就綁定成功了。

 

 

 

 

 

 

 

 

 

 

  • 字號,字體,字重,字體顏色,對齊方式等屬性都是對顯示的字體樣式編輯

效果:

  • 可編輯控制項的顯示效果,例如閃爍、透明度、旋轉。

 

 

 

 

5.矩形控件

 

矩形控制項只能編輯一些常規和效果的屬性

常規:

  • 常規屬性編輯的是UI控制項的顯示框樣式,可以編輯座標,寬高,背景顏色,邊框顏色等屬性

效果:

  • 可編輯控制項的顯示效果,例如閃爍、透明度、旋轉
 

 

6.圓形控件

 

圓形控制項可以編輯常規,效果和橢圓的屬性

常規:

  • 常規屬性編輯的是UI控制項的顯示框樣式,可以編輯座標,寬高,背景顏色,邊框顏色等屬性

效果:

  • 可編輯控制項的顯示效果,例如閃爍、透明度、旋轉

橢圓:

  • 可以編輯橢圓的邊框顏色,邊框厚度,橢圓的背景顏色
 

 

7.圖片控件

 

圖片控制支援上傳圖片,圖片格式支援JPEG,JPG,PNG,BMP,GIF

點擊“請選擇圖片”,打開系統資料夾,選擇圖片即可上傳

 

 

 

 

8.圓形儀表

 

錶盤屬性:可以編輯錶盤的背景顏色,錶盤外圈和內圈的樣式

數值:可以編輯數值的屬性可以編輯錶盤刻度的最大值和最小值。數值綁定遙測資料後就可以在遊戲內顯示對應的遊戲資料了。 

 

 

 

刻度:支援編輯儀表最小值的起始位置角度,支援編輯最小值與最大值之間的夾角

 

 

 

大刻度線:支援編輯大刻度線的樣式屬性

 

 

 

小刻度線:支援編輯小刻度線的樣式屬性

 

 

 

指標:支援編輯指標的樣式屬性,可以上傳自訂的指標圖片

 

 

 

刻度標籤:支援編輯刻度的標籤數字樣式屬性

 

 

 

環形刻度條:

支援編輯刻度條的顏色,半徑,厚度等樣式

最佳範圍:

可以為儀表不同的刻度範圍設定刻度的背景色

例如設定最佳範圍的區間是5-8,然後在不同的刻度範圍設定不同的顏色,低於最佳範圍設定綠色,最佳範圍設定橘色,高於最佳範圍設定紅色。在儀錶板即可展示對應的顏色。

 

 

 

 

9.線性儀表

 

線性儀表屬性可以編輯線背景圖片,刻度條圖片,刻度條的顏色,刻度條的對齊方式和方向等等。數值是儀表的進度條的數值,數值綁定遙測數據後就可以在遊戲內顯示對應的遊戲數據了

 

 

 

10.地圖控件

 

地圖控制項支援編輯賽道顏色、寬度等屬性。 賽道控制不需要綁定遙測即可取得遊戲的賽道數據,但是賽道的UI需要玩家在遊戲中完成一個賽道的有效圈之後才會在儀表板上展示。目前地圖控制僅支援ACC,後續支援其他遊戲

 

 

 

 

11.函數綁定

 

常用的遙測綁定:

文字控制項:選擇內容,綁定希望展示的遙測數據

 

 

 

圓形儀表:選擇數值,綁定希望展示的遙測數據

 

 

 

線性儀表:選擇數值,綁定希望展示的遙測數據

 

 

 

更複雜的動畫效果:

 

MOZA Dashstudio 支援Javascript函數表達式,可透過JavaScript實現更複雜的動效。

 

三元運算符:

一個條件後面跟著一個問號(?),如果條件為真值,則執行冒號(:)前的表達式;若條件為假值,則執行最後的表達式。

n==1? “Red”:“Blue”,當n等於1時,返回“Red',反之返回"Blue",n可以帶入為遙測數據,”Red“和”Blue“為判斷後的返回結果

 

例如:我們預期轉速的數值的背景顏色跟隨遙測的數值變化顯示,轉速小於等於7000時顯示灰色,轉速大於7000時顯示紅色。 

  1. 插入轉速的遙測數據

 

  1. 補充JS表達式,顏色需要輸入Hex色值,色值可以在顏色編輯器中查看

Telemetry.get('v1/gameData/Rpm').value > 7000 ? '#FF0000':'#808080'