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'