跳到主要内容

空间点击(Spatial Tap)

概述​

表示完成了一次对空间目标的单手「选择、激活」动作,无论这种交互是通过间接的「注视 + 捏合」完成,还是通过直接触摸完成。

触发条件​

目标触发时机
空间化 2D HTML 元素在自身内容占据的 3D 空间位置被点击后触发。
3D 容器元素在自身可交互内容占据的 3D 空间位置被点击后触发。

心智模型​

可以把 Spatial Tap 理解为「3D 空间中的 click 事件」。

事件类型名称​

阶段DOM 事件
完成点击spatialtap

React 用法​

阶段JSX 属性
完成点击onSpatialTap

原生 DOM 用法​

当前限制

WebSpatial SDK 现阶段不允许在 DOM 元素(包括来自 Ref 的元素)上直接监听空间事件。

事件生命周期​

「选择」过程中不触发事件;捏住后立刻放开,会触发 spatialtap。

SpatialTapEvent 事件数据​

字段单位含义坐标系
offsetX, offsetY, offsetZpx点击位置的 X、Y、Z 坐标。触发事件的空间化 2D HTML 元素(包括 3D 容器元素)对应的本地坐标系,采用左手坐标系,原点位于元素对应 2D 面片的左上角,Y 轴向下,Z 轴朝向用户。
clientX, clientY, clientZpx点击位置的 X、Y、Z 坐标。当前空间场景容器对应的全局坐标系,采用左手坐标系,原点位于空间场景背板的左上角,Y 轴向下,Z 轴朝向用户。