SteamVR 2.x 动作绑定与获取(2)

通过上章内容,我们知道,default下默认定义了很多动作,当然,我们也可以自己自定义动作。
在正式开始之前,先来了解动作,顾名思义,动作就是VR设备按下了按键去做某件事,SteamVR 2.x之后,动作可自定义和编辑,在项目中设置动作,动作对应的键在外部设置,这样应用程序打包出来之后,瞬移、UI交互、拾取物体等动作可以直接通过SteamVR修改,不需要像老版SteamVR一样,需要改动代码/重新打包,下面直接上干货。

一、动作添加与绑定

首先VR设备需要连接到电脑上,安装SteamVR驱动
在SteamVR Input窗口新建BuckleTrigger动作,配置如下
在这里插入图片描述
在SteamVR Input窗口点击Open binding UI
在这里插入图片描述
弹出后看到的是这个界面,我这边使用的Oculus,所以设置的是Oculus按键
在这里插入图片描述
可以点击当前控制器,查看当前支持哪些VR设备的设置,直接选对应的设备即可
在这里插入图片描述
在这里插入图片描述
点击编辑
在这里插入图片描述
可以看到如下界面
在这里插入图片描述
左上角default上有标红的显示1,代表有一个动作未绑定,这里开始演示绑定流程,在扳机键栏点击+
在这里插入图片描述
作为按键来使用
在这里插入图片描述
设置点击动作,设置为我们在Unity中添加的buckletrigger动作
在这里插入图片描述
在这里插入图片描述
最后别忘了点击勾来保存
在这里插入图片描述

二、动作获取

怎么新建工程和导入SteamVR请看上一章
新建场景,删除默认相机,将Player预制件拖拽至场景中,新建scirpt脚本,直接上代码

using UnityEngine;
using Valve.VR;

public class Test : MonoBehaviour
{
    private void Start()
    {
        SteamVR_Actions.default_BuckleTrigger.onStateDown += Default_BuckleTrigger_onStateDown;
        SteamVR_Actions.default_BuckleTrigger.onStateUp += Default_BuckleTrigger_onStateUp;
    }

    /// <summary>
    /// 扳机动作按下监听
    /// </summary>
    /// <param name="fromAction"></param>
    /// <param name="fromSource"></param>
    private void Default_BuckleTrigger_onStateDown(SteamVR_Action_Boolean fromAction, SteamVR_Input_Sources fromSource)
    {
        Debug.Log("扣动了扳机键");
    }

    /// <summary>
    /// 扳机动作抬起监听
    /// </summary>
    /// <param name="fromAction"></param>
    /// <param name="fromSource"></param>
    private void Default_BuckleTrigger_onStateUp(SteamVR_Action_Boolean fromAction, SteamVR_Input_Sources fromSource)
    {
        Debug.Log("松开了扳机键");
    }
}

脚本随便拖拽到哪个物体上,直接运行,戴上设备扣动扳机测试,可以看到打印了信息
在这里插入图片描述

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
在使用 AntV G2 4.x 版本绑定注册 Slider,你需要按照以下步骤进行: 1. 首先,你需要在 HTML 页面创建一个容器,用于展示图表和 Slider。例如: ```html <div id="chart-container"></div> <div id="slider-container"></div> ``` 2. 接下来,你需要引入 AntV G2 和 Slider 的库文件。例如: ```html <script src="https://cdn.jsdelivr.net/npm/@antv/[email protected]/dist/g2.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@antv/[email protected]/dist/slider.min.js"></script> ``` 3. 然后,你需要创建一个 G2 图表,并将其绘制到上面创建的容器。例如: ```javascript const chart = new G2.Chart({ container: 'chart-container', width: 600, height: 400, padding: [50, 50, 80, 50], }); chart.line().position('x*y').shape('smooth').color('type'); chart.render(); ``` 4. 创建 Slider 组件,并将其绑定到 G2 图表上。例如: ```javascript const slider = new Slider({ container: 'slider-container', width: 600, height: 26, start: 0, end: 1, data: yourData, xAxis: 'x', yAxis: 'y', }); slider.onDataSelected((range) => { chart.filter('x', (value) => { return value >= range.start && value <= range.end; }); chart.repaint(); }); ``` 其,`yourData` 是你的数据,`xAxis` 和 `yAxis` 分别是 X 轴和 Y 轴的字段名。`onDataSelected` 方法用于监听 Slider 的选事件,当用户拖动 Slider 时,根据选的范围进行数据过滤,并重新绘制图表。 以上就是使用 AntV G2 4.x 版本绑定注册 Slider 的基本步骤。你可以根据自己的需求进行调整和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

StubbrnStar

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值