馒头噎饭

作者：胡痴儿2.0
链接：https://www.zhihu.com/question/41081637/answer/90386445
来源：知乎
著作权归作者所有，转载请联系作者获得授权。

（警告：因为cursor 过小，请在PC端将图片放大后观看）
—————————————————————————————————————
Gaze 是 Hololens 交互的第一步，它需要瞄准交互目标，而 cursor 则相当于鼠标的光标。一旦在gaze的基础上用语音或者手势触发了，下一步操作，那交互的权利就交给了语音和手势了。所以，cursor 承载了两个信息：

• 你再看哪？
• 你被看的东西能否交互？
  

现有的VR、AR一般将cursor放在显示器几何中心的位置，而hololens的cursor放在两眼中间的位置，所以控制它的方法还是头部的六自由度旋转和位移。

微软设计gaze的目的就是让用户相信，『哦，这是我的视觉中心』，然后用头部调节。而『视觉中心』恰恰能够代表用户关注它的地方和他的目的。
而在用户有了第二步交互（语音和手势）之前，就得让用户知道，『哦，我的操作都被hololens理解了。』——这叫反馈。然后就产生了良性循环，用户知道怎么做系统会怎样理解。
正常情况下，cursor 是会一直显示的，如果用户找不到cursor，他则会迷失在界面中。所以，cursor 是三自由度的跟着你移动的，不会随着你的远去而变小，以免你看不到它。
cursor 的缺点也显现出来了，那就是可能会有些遮挡全息的映像或者内容。比如我用mac的时候，光标在屏幕上停了一会儿没动，它就消失了，然后你摸摸Trackpad，它又出来了，你实在找不到它的时候搓一搓Trackpad或者晃一晃鼠标，cursor 就变大，告诉你它在哪。
所以，一个是不能让用户找不到，一个是不能打扰用户，两者综合考虑后得出 cursor 的视觉层级（即透明度）。其实 cursor 的『显』和『隐』正涉及了页面层级的变化，我后面会讲到。
—————————————————————————————————————

1. Cursor 的形状

一般 cursor 用 torus 这种形式。

因为这种形状不具备方向感。因为一个圆润的玉环能够最大限度降低 cursor 对用户的吸引，而如果放一个传统的『箭头』式的光标上去，很容易吸引用户，让用户迷惑：『系统是不是让我看这里呢？』
但是在 连续手势交互『Navigation』的情况下，cursor会发生变化，比如

或者donut

—————————————————————————————————————

2. 基于三维的 cursor 经典案例——Project Origami

接下来我想说 surface-locking这个功能，意思是说cursor 可以贴在物体的表面（这里我找的案例是 Project Origami ），也是和普通VR眼镜上的cursor最大的不同之处。
Cursor浮于的表面有两种，第一种是虚拟物体，第二种是现实中的物体，而你看见cursor浮在现实的物体上，其实是浮在 spatial mapping mesh 上。（对于开发者而言，从用户在看的地方，也能推测他的意图）
注意下面几张图片，gaze在不同面的时候都贴着物体所在的表面。（另外我惊奇地发现 cursor在浅色物体上会变深，在深色物体上回变浅。）
cursor在纸面上
贴在右边的红色纸盒上
贴在黄色纸盒的后面
贴在右边的纸飞机上
贴在小球的表面
在你gaze贴在该物体的基础上，airtap一下则触发，你也可以对它说『drop sphere』（比如这里是触发小纸球掉下去。）

—————————————————————————————————————
3. 手势对 cursor 的影响
当手微微捏合的时候，圆圈变小一点
当完全捏住的时候，cursor变成一个小点
松手时，圈圈变大。（松手瞬间触发『选中』）

没有手的的视角再看一次
捏下去瞬间 cursor 变小
同时触发新页面打开
松手 cursor 变大

—————————————————————————————————————

3. 基于二维的 cursor 和 hold的组合

我们先说一个重点，就是让 hololens 区分你只有 gaze 移动和伸出手指并手指移动，这两种状态。
伸出手指时，cursor 的图形为『☉』

把手放下，只有 gaze 的状态：
此时，cursor的形状为『·』
（注意当hover on在选项上时，现实选项相关信息）

—————————————————————————————————————
很多时候 cursor 并不是一个独立的动作，而是和其他动作一起组合。比如下面——
cursor、hold和air-tap的组合：
中间有个带径向渐变的亮点，正是你的cursor。
（注意那个小亮点）
你gaze在skype的图标上，这时伸出手指hold。画面中出现了透明的小方块，告诉你『你伸出的手指被系统识别了（相当于手的准备动作）』（同样的，cursor 也可以告诉你与该物体可以进行语音交互，或者告诉你『系统准备接受你的语音交互啦~』）
保持伸直的食指，gaze移到下面。
向下勾一下手指
当食指抬起来的时候，亮色小方块慢慢凹进去
打开应用
从窗口页面切换回多任务界面
当切回多窗口页面时，cursor变成一个圆环内一个圆锥的形式。
这时便可用它选择一个新页面。

—————————————————————————————————————

4. Skype 中的 cursor

注意图中的 cursor ，周围带着一圈光晕。

当 cursor 浮在可交互的控件上时，微微放大，同时缩略图也微微放大。
进入新的页面后，cursor 成了一个亮蓝色的小点（图中心偏右上的位置）

蓝色的cursor就是你的gaze，当你的 cursor 靠近可交互控件的时候，cursor 会被吸上去（系统告诉你：这个物体可以交互）。
当你捏住手指的瞬间，cursor变白（因为白色是hologram中最亮的颜色，此时在在它后面加上阴影，则cursor处于所有物体之上，或者最靠近你的眼睛，就是告诉你它被你激活了。反之，它阴影消失逐渐变暗则退居到全息内容之后。），而被选中的页面变蓝。
其他页面隐去。
当有视频的时候gaze一般会消失，以更大限度地呈现内容。但是这里又产生出一个问题，如果 gaze 消失了之后，用户又想操作界面怎么办呢？那就要另外设计一个方法来唤起 gaze 。
—————————————————————————————————————

5. 利用cursor 在 AR 游戏中设置机器人前进的点

在这里cursor贴在现实的地面上。
air-tap就建立一个新的点
机器人就会往这边过去。
用 cursor 控制游戏中人物的前进方向这种交互最早用在电脑游戏上，我小学二年级的时候去网吧，整个网吧的人都在玩《传奇》，就是用鼠标控制人物前进，整个网吧都是清脆的鼠标点击声。
（注意蓝色的巨大cursor，这个是选中的区域，它会一直朝着这个方向跳。）


箭头引导前进方向

蓝色的 cursor 落在哪，它就在哪落地。


—————————————————————————————————————

6. 第三人称视角的 gaze

如果另一个人也戴着，那么就可以看见你正在看的位置，并且像射线一样呈现出来，这样你可以把你正在看的地方分享给它（这个功能在教学和团队协作领域用到的比较多）
（在页面关系上，被gaze的控件向前并放大。）
gaze 看不同的位置，不同的位置微亮






—————————————————————————————————————

7. 隐藏成一个小亮点的 cursor

而如果当前没有操作，cursor 则会被暂时隐藏。
—————————————————————————————————————

8. 像光一样投影在地面上的 cursor

这个 APP 最神奇的地方在于它的 cursor 完全像光打在地面上一样，会有很强的和环境融为一体的感觉。
cursor 对准你想标记的地方。
此时 air-tap ，插上一面旗帜做标记~
—————————————————————————————————————
选定标记的种类：APXS、Chem Cam、Mast Cam

9. cursor 指示方向

当可交互区域不在当前视线范围之内时，给出箭头引导用户转头去看。

—————————————————————————————————————

10. Holostudio 里的 cursor

油漆瓶的前面的圆环告诉你它即将要喷洒的区域

当 cursor 放在可交互的物体上时，整个物体被蓝色的泡泡包住。
图中的玩具鸭被选中时的 cursor ——前面那个白色四棱锥和圆环的组合。
3D 打印页面
有较复杂的操作的holostudio中，air-tap一下以后物体会跟随你的手指移动。
cursor对准
air-tap
移动手腕以移动物体
用画笔在卡车的车门上滑动
用胶水把小鸭子黏在卡车的前引擎盖上

—————————————————————————————————————

11. 补充一个 fusion 360 中的 cursor

—————————————————————————————————————

12. 其它形态的 cursor

下面介绍另一种风格的 gaze ,在《fragment》这个游戏中有用到。就是四个角上都有一个以对角线方向朝着中心的圆锥体，当 hover on在不同大小的物体时，gaze 的大小也发生调整。





—————————————————————————————————————

Unity 中的 cursor

吸在已经渲染好的 mesh 上。
每一帧都要更新。
根据用户所在的方向和位置算出相应的 gaze。
如果用户看的地方是一个全息的影像，则渲染一个 cursor。
将 cursor 移动到正对的地方，并旋转 cursor 以贴在物体表面。
而如果用户的没有去看能够交互的物体，则 cursor 消失。

馒头噎饭 发表于 2016-11-16 04:22 PM
作者：胡痴儿2.0
链接：https://www.zhihu.com/question/41081637/answer/90386445
来源：知乎

aaaaaaaaaaaaaaa