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'