学习如 Oculus Rift 等VR设备开发需要掌握哪些知识/技术

学习如 Oculus Rift 等VR设备开发需要掌握哪些知识/技术? - 知乎902被浏览37396分享邀请回答2添加评论分享收藏感谢收起学习如 Oculus Rift 等VR设备开发需要掌握哪些知识/技术? - 知乎902被浏览37396分享邀请回答14616 条评论分享收藏感谢收起socket.io),这个 Server 不断的获取 Oculus Rift 头盔的数据变化,然后通过 Web Socket 传递给浏览器。浏览器里面采用 WebGL(常用 three.js)来渲染两个有视差的画面,这时戴上 Oculus Rift 就可以看到效果。有了这两个例子,既然 Oculus Rift 是个显示器,那么我们是否需要专门去学习某些特定的知识就变得不那么重要了,在了解了原理和特性之后,我们就可以使用我们用着比较顺手的 Adobe Flash、Adobe AIR、Processing、SDL……等等具有图形开发功能的工具来开发 Oculus Rift App 了。如果有 3D 摄影设备(3D 摄像机、3D Panorama 全景摄像机等),也完全可以做出支持 Oculus Rift 的带有沉浸感的 3D 视频。配合其它的附件,比如 Leap Motion(同样也支持 Web 使用)等,就能做出更佳丰富的体验了。那么,基于自己的现有的知识积累,说不定就能找到突破口。不断的尝试并且了解 Oculus Rift 的工作原理,吃透它的机能才是首要的。所以,关键还是在于要做出什么样的东西,拿出什么样的惊人想法(别忘了 2D 的游戏/应用也是可能出现在 Oculus Rift 上的哦~还有直接用头盔当游戏控制器的也有哦~)。3010 条评论分享收藏感谢收起查看更多回答1 个回答被折叠()学习VR需要编程或者C语言基础吗?
首先咱们先看一下某招聘网站的VR薪资:
薪资待遇简直都是过万的,一起要求不是很高,可谓是如今最抢手紧缺人才!名动漫率先在国内开设了VR虚拟实习的高端人才培养,具有8年动漫、影视、游戏教学训练经验的名动漫第一期学员20人结业后悉数月薪过万,这是教学实力是市场需求一起产出的高薪作业!
咱们来了解一些作为规划师需求把握的VR根底概念及有关规划东西。咱们不会探究的过于深化,面向规划师的功用点到为止即可。
新的空间维度与沉溺式体会所带来的冲击是史无前例的。要在三维国际傍边发明令人舒服的互动体会,你需求了解一些此前也许并未触摸过的规划与技能准则。咱们的Cardboard团队将一系列概念常识打包到了Cardboard Design Lab这款app(Android)傍边,你能够合作Cardboard沉溺到VR国际傍边进行学习。
此外还要记得观看Alex在2015年I/O大会上做的具体演示(Youtube)。下面咱们就来从这些学习资本傍边汇总出一些常识要点。
假如你只要精力去记住两条准则:
坚持帧数安稳
坚持头部追寻
大家在沉溺于虚拟国际傍边的时分,会天性的对外界事情发作反响。作为规划师,要考虑到环境要素的影响。
生理舒服度。晕厥症的疑问是咱们必须面临的。格外是在人物加、减速的时分要格外留心。尽也许坚持地平线的安稳,以防止晕船症状的出现。
环境舒服度。大家在一些特定的虚拟环境傍边相同会体会到与实习相对应的不适,比如高空与恐高症,狭小的空间引起的幽闭恐怖症,空阔空间所形成的广场恐惧症等等。要注意虚拟目标的尺度份额及互动联系。在实习中,假如有人向你抛来一个物体,你会天性的抓取、躲闪或是保护自己。合理运用实习傍边人与环境的互动规则,不要反其道而行之。
环绕用户的感官才干规划引导元素。想想游戏规划师们一般是如何指引玩家探究环境的:
经过声响协助玩家区分方位
经过亮光为玩家指明方向
防止让用户感到疲惫。听上去是再显着不过的道理,但这的确是VR规划菜鸟最简略犯的过错之一。咱们在科幻电影中看过太多炫酷的人机互动方法,但你要知道其间大多数都有悖于最基本的人机工学原理;例如“少数派陈述”傍边那样的手势操作放到实习傍边会很快让人发作疲惫与不适。
我制作了一张简略的示意图,用来描绘头部在X与Y轴上运动的舒服区域。绿色代表最好,黄色代表能够接受,赤色意味着不适。网络上能够找到的一些用研陈述将有助于你进一步了解这方面的论题,例如来自LeapMotion的VRBest Practices Guidelines(PDF格局,4.7M),此外咱们还将在这篇文章结束时供给更多的资本供参阅。
不妥的规划有也许给大家形成严峻的生理不适。听说过“短信脖”没?在一篇发布于Neuro and Spine Surgery的研究陈述(PDF格局,314KB)傍边,咱们能够了解到大家运用手机时不一样的持机姿势关于颈部所发作的压强改变。从天然平视状态一直到垂头浏览,颈部接受的压强提高了440%,肌肉和韧带会变得酸痛疲惫,神经趋于紧张,脊椎骨所接受的压力也在增强。这些不妥的运用方法乃至也许给身体带来长期的健康疑问,例如永久性神经损害等等。
简而言之,这个特定的研究陈述至少能通知咱们要尽也许防止长期的垂头交互做法。
三维空间为咱们供给了六种运动方法,包含在X、Y、Z三个轴线上进行的旋转与移动。
三自由度(方向追寻)
基于手机的头戴式VR设备,例如Cardboard或Gear VR等等,能够经过内置的陀螺仪对三个轴线上的旋转做法进行追寻(3DOF)。
六自由度(方向+位置追寻)
HTC Hive与Oculus Rift这类高端VR设备所具有的传感器还能够对发作在三个轴线上的位移进行追寻(+X、-X、+Y、-Y、+Z、-Z),然后完成六自由度(6DOF)。
由一个或多个传感器所构成的红外追寻体系使6DOF变成也许。Oculus的追寻传感器位于固定摄像头上,而Vive则将其放置在了HMD(头戴式显示器)傍边。
Oculus与Vive的灯塔位置追寻形式比照
具体的输入设备取决于你所选用的体系渠道。Google Cardboard自身只要一个按钮,相应的交互形式仅包含简略的“看”和点击。HTC Vive需求两个6DOF操控器,而Oculus则调配了Xbox One手柄,不过终究也会进化为双6DOF操控器“Oculus Touch”。这些输入设备都能为用户带来更高档的沉溺化交互体会。
Xbox One手柄
Oculus Touch
其他输入形式还包含手势追寻等等。其间最著名的当属Leap Motion,你乃至能够将其搭载在HMD上合作运用。
搭载在DK2上的Leap Motion
日新月异的科技进步在不断推动着这类设备的开展,不过目前来说,手势追寻技能还很不老练,双手与手指的纤细动作带来的潜在疑问太多,使其难以变成VR的首要输入设备。
游戏手柄尽管早已被大家所了解,但在VR范畴中却难以带给咱们高质体会,因为操作方法的局限会使VR发明出来的高自由度受到破坏,格外是在FPS(第一人称射击)游戏傍边,经过手柄操控行进撤退和摆布平移的动作时一般会给玩家带来极度不适。
而另一方面,HTC Vive的6DOF操控器体会起来的确十分棒,格外是在Tilt Brush这类app傍边。我还没有试过Oculus Touch,不过到目前为止看到过的演示都很棒,比如这段Oculus Toybox demo(Youtube)。
VR的交互规划形式显着取决于你所选定的体系渠道及相应的输入设备类型。作为规划师,要尽也许去了解各类设备,并对它们的优势及功用约束有所了解。
这显着是个很大的论题,需求更多的专业文章乃至有关书本才干翔实描绘。咱们在这篇文章中仅对业界最干流的一些东西进行扼要的介绍。
不管在啥年代都一直不离咱们摆布的老伙伴,方便快捷,无需花费时刻精力聚集于任何技法,在前期探究时尤为适用,能帮你敏捷出现主意,迅速迭代,而且成本低廉。要知道,在VR范畴,将规划流程推动到中、高保真期间所需花费的成本比较于2D界面规划来说要愈加昂扬。
仍然天天都会用到,因为好用。在进入实习的VR原型期间之前,Sketch是很完美的探究东西,在导出和插件方面也能帮你极大的提高作业效率。
我并不觉得C4D和Maya是竞争对手的联系,两个东西都很棒,各有所长。假如你没有3D方面的经验,学习曲线也许会有些峻峭。在我看来,C4D的界面、参数设定和构建方法更合理,能帮我做更多的迅速迭代,所以很喜欢用。MoGraph模块不错,一起还有许多好用的插件供挑选。C4D的社区很活泼,你能够找到不少高质量的学习资本。
Maya的优势和缺乏都很显着。一方面,它能满意3D艺术家的一切规划需求,太多游戏和电影都经由Maya规划制作,其强壮而易用的功用能够应对深重的作业负荷,烘托、建模、动画等等无所不晓,一起还具有很高的定制化才干,堪称业界模范。多数作业室需求依据自身的特定需求来拼装定制化东西集,而Maya恰是有才干将一切组件整合为一体的最好渠道。
但另一方面,要把握如此强壮且多元化的东西,你势必要投入很多的时刻和精力,包含几周时刻的探究,几个月的学习以及日复一日年复一年的操练与实习。
一应俱全的原型东西,你能够一边在VR中预览着原型一边在Unity傍边进行调整。Unity自身是个强壮的游戏引擎,社区老练,store中的资本也很丰厚(具体价格由资本作者拟定),包含简略的3D模型、完整的项目、音频、剖析东西、上色东西、脚本、原料纹路等等供你挑选。
Unity供给的文档和学习渠道适当不错,教程质量很高,覆盖面也很广。
在Unity3D中进行开发需求用到C#或Java,微软的Visual Studio套装傍边自带Unity东西,但不包含可视化编辑器,你需求到资本库中自行寻找。
Unity支撑一切的干流HMD,具有优异的跨渠道才干,内容能够被部署到各类体系,包含:Windows PC、OS X、Linux、Web Player、WebGL、VR(包含Hololens)、SteamOS、iOS、Android、Windows Phone 8、Tizen、Android TV和Samsung SMART TV,以及Xbox One/360、PS4、Playstation Vita和Wii U等等。
Unity支撑一切的干流3D格局,在2D游戏开发方面也很擅长。自带的3D编辑器不算给力,但大家现已开发了许多优异的插件来弥补这一点。Unity需求授权答应,但你能够在必定的功用范围内运用免费的自己版别。无妨去官网了解概况,毕竟是当今最干流的游戏引擎,市场占有率达到了47%。
Unreal(虚幻)引擎
作为Unity3D的直接竞争对手,Unreal相同供给了齐备的文档及教学视频。因为进入市场的时刻比较于Unity稍晚,所以Unreal的store规划还相对较小。
Unreal的巨大优势在于图形表现力,不管是地势、粒子、后期处理作用仍是光影等等都领先于对手。
Unreal 4运用C++,一起调配可视化脚本编辑器Blueprint。
我自己没怎么运用过Unreal,难以进行更具体的介绍。在跨渠道方面,Unreal相对较弱,目前支撑Windows PC、OS X、iOS、Android、VR、Linux、SteamOS、HTML5、Xbox One和PS4。
VR还适当年青。作为先行者,咱们需求去学习和探究的东西太多太多,这也恰是我为此而振奋并终究参加VR团队的因素。摆在咱们面前的有应战,更有机会,咱们理应尽最大的尽力到这个新国际傍边进行探究,去学习、理解、发明、迭代,如此反复的持久坚持下去。
虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发 虚拟 技术 开发
责任编辑:
声明:本文由入驻搜狐号的作者撰写,除搜狐官方账号外,观点仅代表作者本人,不代表搜狐立场。
游戏原画基础、进阶、高级全系列视频教程,循循渐进,系统划分,自学必备!
专注游戏原画、UI、建模、unity3D开发培训,毕业推荐就业,先学习,后付款!
今日搜狐热点如果你和我一样,看到被天花乱坠的宣传捧上天的Oculus Rift,肯定也迫不及待地想赶紧入手一个,但当你看到它的价格标签,兴奋感瞬间坠入深渊。600美元的售价加上税和运费,对于绝大多数虚拟现实粉丝来说是个不菲的价格,实际上除了这款VR头盔之外,如果真正想要体验虚拟现实,你还得有一台高端PC电脑,搭配传感器,遥控器,电缆,Xbox One控制器,当然啦,VR游戏可能是免费的。除了Oculus Rift,其他VR头盔的价格也不便宜,比如HTC Vive,搭配两个无线控制器,两个基座,接线箱和耳机就得花800美元,如果算上30美元的运费,总价至少是830美元!一想到这个,我的钱包就在角落里默默哭泣。不过别担心,如果你想用实惠的价格获得虚拟现实体验,不妨看看本文向你推荐的五款性价比颇高的虚拟现实设备吧。一、三星Gear VR售价:99美元规格尺寸:20.19 x 11.64 x 9.26 cm (重318克)连接设备: 智能手机(三星盖乐世)视角:96度理想用户:想要尝试Rift,但又买不起的&VR屌丝&或三星粉如果你想要体现Oculus Rift,为什么不选择一款&廉价版&Oculus设备呢?这款设备就是三星Gear VR,它运行Oculus VR系统,而价格只有Rift的六分之一,而且还能与你的智能手机配套使用。更加分的是,你现在就能入手Gear VR设备,而不用像Oculus Rift那样等到七月份才能发货。不过,Gear VR的缺点在于你只能在三星手机上使用,而且还不是所有三星手机,只有盖乐世S7,S7 Edge,盖乐世 S6,S6 Edge,S6 Edge+和盖乐世Note 5(注:S6 Edge+和盖乐世Note 5必须要升级软件才能使用)。支持Gear VR运行的电力均来自你的手机,所以不需要对这款虚拟现实设备充电,但这意味着你的手机电池会很快耗尽,当然,你可以通过Gear VR给你的手机充电。此外,你可能还需要购买额外产品防止屏幕起雾。Gear VR没有内置视频和音频功能,但是它不需要高端PC支持,如果你只是对虚拟显示感兴趣,或是三星粉,那么花Oculus Rift六分之一的价钱买一个Gear VR还是很划算的。二、Google Cardboard售价:10-120美元,价格根据型号浮动(原版Google Cardboard售价为15美元),包邮规格尺寸:比较多样,规格根据型号不同连接设备: 智能手机(适合4-7英寸屏幕尺寸&&在购买前需要确认型号与自己的手机规格相匹配)视角:90度理想用户:DIY爱好者,环保IT爱好者,学生如果说Rift和Vive是两款顶级跑车,那么可以把Google Cardboard看做是给小孩儿玩的玩具车。除了在其网站上提供的几款型号和设计,Google Cardboard还提供了用户指引,帮助你自己制作虚拟现实头盔,这对于一些渴望体验虚拟现实的穷学生们来说,的确是个不错的选择。不过,如果你拿到Google Cardboard之后,最好将其和手机搭配使用,不过你需要做好思想准备,因为这款廉价虚拟现实设备可能不会像其他产品那样给你带来绝佳的VR体验。Google Cardboard显示分辨率大概和手机屏幕差不多,但是别忘了在这个价格区间里,谷歌能做到这个地步已经是非常不错的了。这款设备比较适合学校,让学生们尝试体验一下虚拟现实,吸引更多人来到虚拟现实世界。三、Freefly VR售价:85美元规格尺寸:18 x 13 x 14 cm连接设备:智能手机,它适合4.7-6.1英寸屏幕的手机视角:120度理想用户:周边视觉爱好者,非三星粉,或是想要尝鲜的三星粉Freefly VR,是由伦敦的Proteus VR Labs开发的,这款设备可能是目前市场上最全能的一款虚拟现实设备了。Freefly VR具备可调整功能,因此可以搭配绝大多数手机品牌,包括苹果,三星,LG,HTC,索尼和华为。在Freefly VR官方网站上,他们提供了一份详细列表,罗列出了可支持的手机品牌和型号。Freefly也没有内置屏幕和音频系统,这些功能需要在手机上支持,这点和Google Cardboard很相似。理论上,这款虚拟现实设备可以提供更复杂的视觉体验,因为它可以支持120度视角,但是由于你必须要通过手机观看,因此实际分辨率也不会太高。购买这款虚拟现实头盔会有一些福利,包括一个保护外壳和一个GLIDE无线控制器。不过要提醒你的是,目前Freefly VR不支持iOS9.2级以上版本(他们正在解决此问题)。 四、雷蛇OSVR售价:299.99美元规格尺寸:17 cm x 10 cm x 8 cm连接设备:支持PC,安卓和Linux视角:100度理想用户:游戏迷,游戏开发人员,发烧友OSVR (开源虚拟现实open source virtual reality) 和Rift的效果体验非常相近,它是由美国游戏设备制造商雷蛇开发的,搭载了内置光学和红外线系统,可以追踪用户头部运动。虽然OSVR屏幕比Rift略好,但是分辨率却比较低,因此很容易引起VR运动症。此外,这款虚拟现实设备的另一个缺点是会有视觉声音不匹配的问题。事实上,雷蛇的目标并不是销售VR头盔,而是帮助人们创建虚拟现实内容,所以硬件上有这样那样的问题也就多少说的过去了。OSVR其实是专门为游戏玩家和游戏开发人员设计的,其实也是&开源&的本意,它的下一个版本可能会支持外接设备并和智能手机搭配实现更多功能。五、Homido售价:80美元规格尺寸:20 x 13.5 x 1.3 重414克连接设备:智能手机(推荐5英寸屏幕手机,但不是必须)视角:100度理想用户:那些有好视力的人,隐形眼镜佩戴者,那些不想使用Google Cardboard的IT潮人。想要一款时髦的虚拟现实设备,又不想花太多钱?那么Homido VR是个不错的选择。如果你真的不想在整张脸上套一个大设备,又不想花太多钱,不妨试试看这款&法国制造&。这款免提VR设备搭配了智能手机插槽,刚好能套在你的头部,而且采用了塑料材质。由于这款设备需要套在头部,所以,如果你是个需要戴眼镜的近视眼可能就不太适合用它了。幸运的是,这款设备提供了三个设置:远视力,近视力和20/20视力;而且它还有足够的空间调整矫正镜头范围。如果将Homido VR靠近你的脸,视角就会相应拉大。总结如果你对今天推荐的这五款性价比超高的VR设备还不满意,不妨在今年多留意下市场行情,因为今年可能会有很多虚拟现实设备上市。(翻译:shark,编辑:picar)
24小时报不停
四川出台规定:无人机操作者须考驾照
四川出台规定:无人机操作者须考驾照
李彦宏谈无人驾驶“违章”:是导播切入时间过早
天津交通新规:“共享单车”违法禁骑并入信用记录
共享宝马火了之后,共享法拉利也来了:1分钟1元
“酒花”完成数千万元A轮融资,创新工场领投
怪兽家便利店获梅花天使、薛蛮子Pre-A轮融资
共享充电宝又一入局者,“放电”宣布融资3000万
铜师傅获顺为资本、小米生态链领投1.1亿元A轮融资
共享遛娃小车现身上海,押金99元
ofo小黄车海外再下一城,科技公司加速出海
传微影时代开启大面积裁员,已有员工开始办离职
支付宝发道歉信,承认抄袭微信小程序代码
中国联通专家谈5G覆盖:基站数量是4G的1.5-2倍
大学生深陷校园贷溺亡 生前被“欠”下13万余元
苹果与好莱坞磋商合作 大片或上映两周即可下载
二女儿就要出生了,小扎宣布年底要休2个月陪产假
北京地铁全线将实现线上购票刷码乘车
周航首谈乐视:对于易到,谁做股东都比乐视好
铜师傅宣布获得1.1亿元A轮投资 顺为资本和小米生态链领投
机构密集增持,聚美优品股价大涨24.38%
乐视闭门会内容曝光 家庭互联网娱乐成未来战略
周四凌晨 纽约Uber司机涉嫌强奸31岁醉酒女乘客
二季度美国智能手机市场调研 苹果三星份额超过60%泻药。&br&在某个未来,裸眼 AR 已经普及,环境识别和重构技术已经达到随心所欲的境界。走在路上东张西望,不光是美颜换脸啊,视觉听觉触觉嗅觉全部轻松再造啊!满街都是萝莉啊!满街都是御姐啊!你想要整整一广场肌肉兄贵也毫无压力啊!想穿就穿,想不穿就不穿……什么?不得随意更换他人数字形像?一定会有黑客大牛各种破解小软件啊!&br&幸福的人生?快乐的人生?错,是亢奋的人生!7x24小时无间断亢奋的人生!人均寿命大幅度缩减亢奋的人生!男性人均寿命尤其大幅度缩减亢奋的人生!寿命缩短改变人类价值观,寿命缩短改变人类社会形态,寿命缩短改变人类文明和科技进化的方向!VR 什么的弱爆了!只能躲在卧室里 YY!AR 才是革命!AR 才是未来!
泻药。 在某个未来,裸眼 AR 已经普及,环境识别和重构技术已经达到随心所欲的境界。走在路上东张西望,不光是美颜换脸啊,视觉听觉触觉嗅觉全部轻松再造啊!满街都是萝莉啊!满街都是御姐啊!你想要整整一广场肌肉兄贵也毫无压力啊!想穿就穿,想不穿就不…
从视频看起来是测试版,用的也是之前流传的YuGiOh AR卡片版的模型,应该是爱好者之作啦~。不光是hololens,未来更多带同步定位与建图(SLAM)的光学设备如magicleap, impression pi, holoseer都可以达到这样的效果, 大家可以买便宜的用。&br&&br&其实对于AR来说最重要的是沉浸感,让这些模型立体显现出来并不难,难的是如何感知光照模型等让模型具有真实光照效果,栩栩如生。不过二次元的东西还是二次元比较有感觉,嘴炮加处刑曲BGM才够燃!&br&&br&个人还是感觉有点卡玩才有意思,半真半假把,哈哈~&br&&br&&img src=&/e5aaae26cdbdacc_b.png& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/e5aaae26cdbdacc_r.png&&
从视频看起来是测试版,用的也是之前流传的YuGiOh AR卡片版的模型,应该是爱好者之作啦~。不光是hololens,未来更多带同步定位与建图(SLAM)的光学设备如magicleap, impression pi, holoseer都可以达到这样的效果, 大家可以买便宜的用。 其实对于AR来说最重…
并没有系统的调查过,只是把熟悉的列举一下先,以后有空补充。&br&首先是输出设备,Unity+Oculus SDK是这两年说起VR一般来大家第一个想到的组合。两家公司宣布合作了,不知道Oculus会不会对其他引擎开放SDK。OSVR和Valve也会有自己的SDK,将来八成应该是会支持Unity的。&br&&br&然后是输入设备,有几个选择:&br&1. VRPN,全名大概是虚拟现实外围设备网络,这个是学术圈搞起来的,UNC的VR先驱搭建维护多年,属于开源库,大家都可以贡献一份力(做完自己的系统,把用到的新设备更新进去)。这个库支持的设备数量很多,配置好后,只要用其他程序(如unity)监听服务器上的端口就可以读数据了。缺点是没图形界面。&a href=&///?target=https%3A///vrpn/vrpn/wiki& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/vrpn/vrpn/wi&/span&&span class=&invisible&&ki&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&2. MiddleVR&br&这个是一家公司在做的,支持设备多,但还是比VRPN少。有图形界面,但那界面一般般吧。如果设备比较常见,鼠标键盘、游戏手柄、Razor Hydra这类的,绝对没问题。和Unity接起来用也不难。&br&&br&注:上述的库目前应该还都是免费的,题主可以早点开始尝试一下~准确的说,VRPN不光是输入设备库,它还支持一些老HMD的。
并没有系统的调查过,只是把熟悉的列举一下先,以后有空补充。 首先是输出设备,Unity+Oculus SDK是这两年说起VR一般来大家第一个想到的组合。两家公司宣布合作了,不知道Oculus会不会对其他引擎开放SDK。OSVR和Valve也会有自己的SDK,将来八成应该是会支持…
抛砖引玉,VR技术分为三大类,建模、显示和交互,涉及到的硬件主要是PC/游戏主机/手机,HMD头戴设备,以及kickstarter上面各种五花八门的交互设备。&br&&br&1.引擎:跟普通3D游戏一样,多半用Unity(c#,javascript),Unreal(c++),还有Steam自家的source2,主要用于世界的构建和角色的基本交互(键盘鼠标手柄交互)。&br&&br&2.HMD SDK:Oculus自家有pc版和mobile版的sdk,htc vive不太了解,没申请到,sony playstation VR也没实物。国内的针对PC的HMD头戴设备目前没考虑,所以不清楚。&br&&br&3.交互技术相关的SDK: 如果是键鼠和手柄还好,如果是动作捕捉类的(不管是光学还是基于传感器的),就需要另外说了,比如leap motion, kinect,奥比中光,realsense这些都有自己对应的sdk。当然,如果你还用了什么万向跑步机,VRGO啥的就又不好说了。&br&话说苹果最近收购的faceshift也很NB,还有之前收购的primesense,如果不是为VR/AR做的准备就太说不过去了。&br&个人觉得交互技术是虚拟现实目前最大的软肋,而且只有输入,输出类技术太少。比如能提供触觉反馈、嗅觉反馈、温度觉啥的太少,力反馈倒是有。&br&&br&此外,现在国内有些厂商在搞类似中间件的SDK,比如极维克,nibiru,不过主要是针对移动VR的,没用过。而且我个人一直没明白这些东西对VR开发的用处是啥。&br&&br&因为我也是新手,所以以上信息如有错误请高手指点。&br&最后提醒楼主,此类问题尽量少用度娘,还是谷歌好了。
抛砖引玉,VR技术分为三大类,建模、显示和交互,涉及到的硬件主要是PC/游戏主机/手机,HMD头戴设备,以及kickstarter上面各种五花八门的交互设备。 1.引擎:跟普通3D游戏一样,多半用Unity(c#,javascript),Unreal(c++),还有Steam自家的source2,主要用于…
&a href=&/question//answer/& class=&internal&&&
HoloLens 交互汇总目录&/a&&br&(警告:因为cursor 过小,请在PC端将图片放大后观看)&br&—————————————————————————————————————&br&Gaze 是 Hololens 交互的第一步,它需要瞄准交互目标,而 cursor 则相当于鼠标的光标。一旦在gaze的基础上用语音或者手势触发了,下一步操作,那交互的权利就交给了语音和手势了。所以,cursor 承载了两个信息:&br&&ul&&li&你再看哪?&br&&/li&&li&你被看的东西能否交互?&br&&/li&&/ul&现有的VR、AR一般将cursor放在显示器几何中心的位置,而hololens的cursor放在两眼中间的位置,所以控制它的方法还是头部的六自由度旋转和位移。&br&&img src=&/1dcf8138f7ebd5dbf737_b.jpg& data-rawwidth=&729& data-rawheight=&674& class=&origin_image zh-lightbox-thumb& width=&729& data-original=&/1dcf8138f7ebd5dbf737_r.jpg&&微软设计gaze的目的就是让用户相信,『哦,这是我的视觉中心』,然后用头部调节。而『视觉中心』恰恰能够代表用户关注它的地方和他的目的。&br&而在用户有了第二步交互(语音和手势)之前,就得让用户知道,『哦,我的操作都被hololens理解了。』——这叫反馈。然后就产生了良性循环,用户知道怎么做系统会怎样理解。&br&正常情况下,cursor 是会一直显示的,如果用户找不到cursor,他则会迷失在界面中。所以,cursor 是三自由度的跟着你移动的,不会随着你的远去而变小,以免你看不到它。&br&cursor 的缺点也显现出来了,那就是可能会有些&b&&i&&u&遮挡全息的映像或者内容&/u&&/i&&/b&。比如我用mac的时候,光标在屏幕上停了一会儿没动,它就消失了,然后你摸摸Trackpad,它又出来了,你实在找不到它的时候搓一搓Trackpad或者晃一晃鼠标,cursor 就变大,告诉你它在哪。&br&所以,一个是不能让用户找不到,一个是不能打扰用户,两者综合考虑后得出 cursor 的视觉层级(即透明度)。其实 cursor 的『显』和『隐』正涉及了页面层级的变化,我后面会讲到。&br&—————————————————————————————————————&br&&blockquote&1. Cursor 的形状&/blockquote&&img src=&/49f9610e2abca74fe2a2_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/49f9610e2abca74fe2a2_r.jpg&&&br&一般 cursor 用 torus 这种形式。&br&&img src=&/31aaef5f687_b.png& data-rawwidth=&1221& data-rawheight=&1024& class=&origin_image zh-lightbox-thumb& width=&1221& data-original=&/31aaef5f687_r.png&&因为这种形状不具备方向感。因为一个圆润的玉环能够最大限度降低 cursor 对用户的吸引,而如果放一个传统的『箭头』式的光标上去,很容易吸引用户,让用户迷惑:『系统是不是让我看这里呢?』&br&但是在 &a href=&/question//answer/& class=&internal&&连续手势交互『Navigation』&/a&的情况下,cursor会发生变化,比如&br&&img src=&/b2db2f2427b_b.png& data-rawwidth=&419& data-rawheight=&300& class=&content_image& width=&419&&&br&或者donut&br&&img src=&/63ea1bb9cedf8ab6c14a8c_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&—————————————————————————————————————&br&&blockquote&2. 基于三维的 cursor 经典案例——Project Origami &/blockquote&接下来我想说 surface-locking这个功能,意思是说&b&&i&&u&cursor 可以贴在物体的表面&/u&&/i&&/b&(这里我找的案例是 Project Origami ),也是和普通VR眼镜上的cursor最大的不同之处。&br&Cursor浮于的表面有两种,第一种是虚拟物体,第二种是现实中的物体,而你看见cursor浮在现实的物体上,其实是浮在 spatial mapping mesh 上。(对于开发者而言,从用户在看的地方,也能推测他的意图)&br&注意下面几张图片,gaze在不同面的时候都贴着物体所在的表面。(另外我惊奇地发现 cursor在浅色物体上会变深,在深色物体上回变浅。)&br&&img src=&/0a72f7c9adff11672e76_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/0a72f7c9adff11672e76_r.jpg&&cursor在纸面上&br&&img src=&/075c717f8555fdd629d4e59bd1bd18d1_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/075c717f8555fdd629d4e59bd1bd18d1_r.jpg&&贴在右边的红色纸盒上&br&&img src=&/099e7e862c3efddb55f099cb083b7b93_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/099e7e862c3efddb55f099cb083b7b93_r.jpg&&贴在黄色纸盒的后面&br&&img src=&/bee4da8f30fedd289d0b18d_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/bee4da8f30fedd289d0b18d_r.jpg&&贴在右边的纸飞机上&br&&img src=&/793c46624bdb539cbbfa7e7_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/793c46624bdb539cbbfa7e7_r.jpg&&贴在小球的表面&br&&img src=&/2bbae0f1a6dbe1b459fd29_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/2bbae0f1a6dbe1b459fd29_r.jpg&&&img src=&/5a1a44e69b9ab82e1b7e_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/5a1a44e69b9ab82e1b7e_r.jpg&&&img src=&/c1fe0fedaa4_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/c1fe0fedaa4_r.jpg&&在你gaze贴在该物体的基础上,airtap一下则触发,你也可以对它说『drop sphere』(比如这里是触发小纸球掉下去。)&br&&img src=&/0e04965cfcf9ea686fc05_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/0e04965cfcf9ea686fc05_r.jpg&&&img src=&/1c99fb8efb1cc03ad8bfd2_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/1c99fb8efb1cc03ad8bfd2_r.jpg&&&img src=&/efaa0b4cf_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/efaa0b4cf_r.jpg&&&img src=&/9adc35ed2352_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/9adc35ed2352_r.jpg&&&img src=&/44badc2f6a4f0fd2be57f1_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/44badc2f6a4f0fd2be57f1_r.jpg&&&br&—————————————————————————————————————&br&3. 手势对 cursor 的影响&br&&img src=&/9a34dc0e8bb6ccbf96d733c70b3dd33f_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/9a34dc0e8bb6ccbf96d733c70b3dd33f_r.jpg&&当手微微捏合的时候,圆圈变小一点&br&&img src=&/4fb887e56ede8764da62_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/4fb887e56ede8764da62_r.jpg&&当完全捏住的时候,cursor变成一个小点&br&&img src=&/3fbf744eb1d7f87b1ea6_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/3fbf744eb1d7f87b1ea6_r.jpg&&松手时,圈圈变大。(松手瞬间触发『选中』)&br&&img src=&/234d595a1c315f8b5fe22c_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/234d595a1c315f8b5fe22c_r.jpg&&&br&没有手的的视角再看一次&br&&img src=&/5f820f80ca5eebc42241c13_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/5f820f80ca5eebc42241c13_r.jpg&&捏下去瞬间 cursor 变小&br&&img src=&/ab7cd6114fce8eeb9e29e1_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ab7cd6114fce8eeb9e29e1_r.jpg&&同时触发新页面打开&br&&img src=&/32da71e9dc8c2b7808fa3_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/32da71e9dc8c2b7808fa3_r.jpg&&松手 cursor 变大&br&&img src=&/2ed8d5baacb3d7eed77942_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/2ed8d5baacb3d7eed77942_r.jpg&&&br&—————————————————————————————————————&br&&blockquote&3. 基于二维的 cursor 和 hold的组合&/blockquote&我们先说一个重点,就是让 hololens 区分你&b&&i&&u&只有 gaze 移动&/u&&/i&&/b&和&b&&i&&u&伸出手指并手指移动&/u&&/i&&/b&,这两种状态。&br&伸出手指时,cursor 的图形为『☉』&br&&img src=&/ac8e32b7c55d9d2cc1fbc5ec0f3b9563_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ac8e32b7c55d9d2cc1fbc5ec0f3b9563_r.jpg&&&br&把手放下,只有 gaze 的状态:&br&此时,cursor的形状为『·』&br&&img src=&/ae5acf6c86_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ae5acf6c86_r.jpg&&(注意当hover on在选项上时,现实选项相关信息)&br&&img src=&/7d79f9e448c03b890a71_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/7d79f9e448c03b890a71_r.jpg&&&br&—————————————————————————————————————&br&很多时候 cursor 并不是一个独立的动作,而是和其他动作一起组合。比如下面——&br&cursor、hold和air-tap的组合:&br&中间有个带径向渐变的亮点,正是你的cursor。&br&&img src=&/013aa458c13afdda0f377b8_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/013aa458c13afdda0f377b8_r.jpg&&(注意那个小亮点)&br&&img src=&/b33bbd1e6569efa728b57b8_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/b33bbd1e6569efa728b57b8_r.jpg&&你gaze在skype的图标上,这时伸出手指hold。画面中出现了透明的小方块,告诉你『你伸出的手指被系统识别了(相当于手的准备动作)』(同样的,cursor 也可以告诉你与该物体可以进行语音交互,或者告诉你『系统准备接受你的语音交互啦~』)&br&&img src=&/c44b7dba1ddbbd5d06059bf9_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/c44b7dba1ddbbd5d06059bf9_r.jpg&&保持伸直的食指,gaze移到下面。&br&&img src=&/f89b28bffbe_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/f89b28bffbe_r.jpg&&&img src=&/9f915d26d0e18e4fe73f54_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/9f915d26d0e18e4fe73f54_r.jpg&&&img src=&/65b3d631aadf329a5ec915f325b05292_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/65b3d631aadf329a5ec915f325b05292_r.jpg&&&img src=&/3812abaab1ef4b5e6ddf_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/3812abaab1ef4b5e6ddf_r.jpg&&&img src=&/0ff6c5ca2e3bd412dbc07_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/0ff6c5ca2e3bd412dbc07_r.jpg&&&img src=&/1dbd2d1e3aa1cfb4a2ab5af_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/1dbd2d1e3aa1cfb4a2ab5af_r.jpg&&向下勾一下手指&br&&img src=&/54ae0bd8b22ca05af3594b_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/54ae0bd8b22ca05af3594b_r.jpg&&当食指抬起来的时候,亮色小方块慢慢凹进去&br&&img src=&/ae269a0e2b11cfbced0af023_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ae269a0e2b11cfbced0af023_r.jpg&&打开应用&br&&img src=&/c044b3e5bbff0519fdaa49_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/c044b3e5bbff0519fdaa49_r.jpg&&从窗口页面切换回多任务界面&br&&img src=&/2caaddc24_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/2caaddc24_r.jpg&&&img src=&/275be5af5f5_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/275be5af5f5_r.jpg&&&img src=&/adedcfb54e6dd74080a6_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/adedcfb54e6dd74080a6_r.jpg&&当切回多窗口页面时,cursor变成一个圆环内一个圆锥的形式。&br&&img src=&/82dde52efe7b0441790fbf6d_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/82dde52efe7b0441790fbf6d_r.jpg&&这时便可用它选择一个新页面。&br&&img src=&/b8cd67ced22e04eedb4d1ed07e175fa7_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/b8cd67ced22e04eedb4d1ed07e175fa7_r.jpg&&&br&—————————————————————————————————————&br&&blockquote&4. Skype 中的 cursor&/blockquote&注意图中的 cursor ,周围带着一圈光晕。&br&&img src=&/0dcf389e09818ebf8e601df313d3c463_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/0dcf389e09818ebf8e601df313d3c463_r.jpg&&&br&&img src=&/eddbee37dbaa_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/eddbee37dbaa_r.jpg&&当 cursor 浮在可交互的控件上时,微微放大,同时缩略图也微微放大。&br&&img src=&/dcb32bcce5d5ba187fde_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/dcb32bcce5d5ba187fde_r.jpg&&进入新的页面后,cursor 成了一个亮蓝色的小点(图中心偏右上的位置)&br&&img src=&/0a45fb700d1d451ccffeb9_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/0a45fb700d1d451ccffeb9_r.jpg&&&br&蓝色的cursor就是你的gaze,当你的 cursor 靠近可交互控件的时候,cursor 会被吸上去(系统告诉你:这个物体可以交互)。&br&&img src=&/fa0d85ecbebcd9e5eac2808_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/fa0d85ecbebcd9e5eac2808_r.jpg&&当你捏住手指的瞬间,cursor变白(因为白色是hologram中最亮的颜色,此时在在它后面加上阴影,则cursor处于所有物体之上,或者最靠近你的眼睛,就是告诉你它被你激活了。反之,它阴影消失逐渐变暗则退居到全息内容之后。),而被选中的页面变蓝。&br&&img src=&/e221da457b235cc20d3eda_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/e221da457b235cc20d3eda_r.jpg&&&img src=&/93f355b57f41eae3b6f026c_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/93f355b57f41eae3b6f026c_r.jpg&&其他页面隐去。&br&&img src=&/a8fd26c98cc1caa77d5153e_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/a8fd26c98cc1caa77d5153e_r.jpg&&&img src=&/2ffb8ac058707dee23afaa4_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/2ffb8ac058707dee23afaa4_r.jpg&&&img src=&/2e340dbba2f_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/2e340dbba2f_r.jpg&&&img src=&/04d67b93fa8a015fe14c1d_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/04d67b93fa8a015fe14c1d_r.jpg&&&img src=&/c735946cad906ddc6e56_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/c735946cad906ddc6e56_r.jpg&&当有视频的时候gaze一般会消失,以更大限度地呈现内容。但是这里又产生出一个问题,如果 gaze 消失了之后,用户又想操作界面怎么办呢?那就要另外设计一个方法来唤起 gaze 。&br&&img src=&/ca02d64658b6cbc40e2e49be071b683f_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ca02d64658b6cbc40e2e49be071b683f_r.jpg&&&img src=&/538bdedd95294a_b.jpg& data-rawwidth=&1920& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/538bdedd95294a_r.jpg&&—————————————————————————————————————&br&&blockquote&5. 利用cursor 在 AR 游戏中设置机器人前进的点&/blockquote&在这里cursor贴在现实的地面上。&br&&img src=&/4eaa83ce00_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/4eaa83ce00_r.jpg&&air-tap就建立一个新的点&br&&img src=&/5a09f19b560c6ec1ddfa_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/5a09f19b560c6ec1ddfa_r.jpg&&机器人就会往这边过去。&br&&img src=&/27bdeb04bcad3b393c16f5_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/27bdeb04bcad3b393c16f5_r.jpg&&用 cursor 控制游戏中人物的前进方向这种交互最早用在电脑游戏上,我小学二年级的时候去网吧,整个网吧的人都在玩《传奇》,就是用鼠标控制人物前进,整个网吧都是清脆的鼠标点击声。&br&(注意蓝色的巨大cursor,这个是选中的区域,它会一直朝着这个方向跳。)&br&&img src=&/cc486c78e0fa3c3dd55a5_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/cc486c78e0fa3c3dd55a5_r.jpg&&&img src=&/dc3cb23d975cd9e5f7c68b_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/dc3cb23d975cd9e5f7c68b_r.jpg&&&br&&img src=&/aae872ba5bf78eb2cddbe11_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/aae872ba5bf78eb2cddbe11_r.jpg&&&br&箭头引导前进方向&br&&img src=&/36b1d6c593eb9e237bde0f0_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/36b1d6c593eb9e237bde0f0_r.jpg&&&br&蓝色的 cursor 落在哪,它就在哪落地。&br&&img src=&/a986b93d088dd_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/a986b93d088dd_r.jpg&&&img src=&/5ccab6f8f_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/5ccab6f8f_r.jpg&&&img src=&/ce468aa8822b6_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ce468aa8822b6_r.jpg&&&img src=&/e4a5918f65edf15c3c56ce94e646daaf_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/e4a5918f65edf15c3c56ce94e646daaf_r.jpg&&&br&&br&—————————————————————————————————————&br&&blockquote&6. 第三人称视角的 gaze&/blockquote&如果另一个人也戴着,那么就可以看见你正在看的位置,并且像射线一样呈现出来,这样你可以把你正在看的地方分享给它(这个功能在教学和团队协作领域用到的比较多)&br&(在页面关系上,被gaze的控件向前并放大。)&br&&img src=&/54d73a34b369a17f6459_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/54d73a34b369a17f6459_r.jpg&&&img src=&/591f362c51b7bd5ef0ab_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/591f362c51b7bd5ef0ab_r.jpg&&&img src=&/bdef73c523bb42a7b1e75863_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/bdef73c523bb42a7b1e75863_r.jpg&&&img src=&/ce8f136b7ffdb0ba6aaccf6e2f48e5f6_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ce8f136b7ffdb0ba6aaccf6e2f48e5f6_r.jpg&&&img src=&/b5e9d44442fdcdc26e3c2b9_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/b5e9d44442fdcdc26e3c2b9_r.jpg&&&img src=&/ab78beeb2280_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ab78beeb2280_r.jpg&&gaze 看不同的位置,不同的位置微亮&br&&img src=&/efddcef2ac58ade_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/efddcef2ac58ade_r.jpg&&&img src=&/0a17e6e2460ebcd74e2a8_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/0a17e6e2460ebcd74e2a8_r.jpg&&&img src=&/9ababde273cc_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/9ababde273cc_r.jpg&&&br&&img src=&/2eb9aee93dabef03ad3d98b6_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/2eb9aee93dabef03ad3d98b6_r.jpg&&&br&&img src=&/49a84c5a62a02a5a7246_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/49a84c5a62a02a5a7246_r.jpg&&&img src=&/c8b06fb113bddb831d321_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/c8b06fb113bddb831d321_r.jpg&&&br&&img src=&/921a59fc8b5d2b1f2e6b80e12b7e9858_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/921a59fc8b5d2b1f2e6b80e12b7e9858_r.jpg&&&br&&img src=&/ce0c01220afe_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ce0c01220afe_r.jpg&&&br&&br&—————————————————————————————————————&br&&blockquote&7. 隐藏成一个小亮点的 cursor&/blockquote&而如果当前没有操作,cursor 则会被暂时隐藏。&br&&img src=&/efc29aac245_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/efc29aac245_r.jpg&&&img src=&/5afa2a28dcd689d8a95f6_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/5afa2a28dcd689d8a95f6_r.jpg&&—————————————————————————————————————&br&&blockquote&8. 像光一样投影在地面上的 cursor&/blockquote&这个 APP 最神奇的地方在于它的 cursor 完全像光打在地面上一样,会有很强的和环境融为一体的感觉。&br&&img src=&/e42dc75abe28c283a6dd835e96f0921a_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/e42dc75abe28c283a6dd835e96f0921a_r.jpg&&cursor 对准你想标记的地方。&br&&img src=&/b0b2f3e69da70c5e07f60cf7e4961c35_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/b0b2f3e69da70c5e07f60cf7e4961c35_r.jpg&&此时 air-tap ,插上一面旗帜做标记~&br&&img src=&/fe98fbab7f58be_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/fe98fbab7f58be_r.jpg&&&img src=&/2eefc7dac16_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/2eefc7dac16_r.jpg&&—————————————————————————————————————&br&选定标记的种类:APXS、Chem Cam、Mast Cam&br&&img src=&/76a04d341f80a2bbf03ffff_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/76a04d341f80a2bbf03ffff_r.jpg&&&img src=&/b2a1f0ebdc24dbc8b98e1beb7c5e7b2c_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/b2a1f0ebdc24dbc8b98e1beb7c5e7b2c_r.jpg&&&img src=&/dc09dba5fb7e_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/dc09dba5fb7e_r.jpg&&&img src=&/5aa3da2e9c8f5b6108439_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/5aa3da2e9c8f5b6108439_r.jpg&&&img src=&/6ee929c4d524d79d20efb27f7877c49d_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/6ee929c4d524d79d20efb27f7877c49d_r.jpg&&&blockquote&9. cursor 指示方向&/blockquote&当可交互区域不在当前视线范围之内时,给出箭头引导用户转头去看。&br&&img src=&/c369f5cd0ea_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/c369f5cd0ea_r.jpg&&&img src=&/851e17290c59daed3ed98aba19bdc6f0_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/851e17290c59daed3ed98aba19bdc6f0_r.jpg&&&img src=&/639bdb31dcb594bdb64053_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/639bdb31dcb594bdb64053_r.jpg&&&img src=&/30efab37c1dcad7_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/30efab37c1dcad7_r.jpg&&&img src=&/3fc3ed6f4d4afaa375c8cc_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/3fc3ed6f4d4afaa375c8cc_r.jpg&&&img src=&/f0c7f47e0be18f82eebec9_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/f0c7f47e0be18f82eebec9_r.jpg&&&img src=&/4f4eb351bd31f8decac09df_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/4f4eb351bd31f8decac09df_r.jpg&&&br&&img src=&/86edbf49e949b8339a3efd5f70c06064_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/86edbf49e949b8339a3efd5f70c06064_r.jpg&&&img src=&/b9cac3c358e296dd17766_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/b9cac3c358e296dd17766_r.jpg&&&img src=&/8b86f8b4a623a550eeaa11297fad6d17_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/8b86f8b4a623a550eeaa11297fad6d17_r.jpg&&—————————————————————————————————————&br&&blockquote&10. Holostudio 里的 cursor&/blockquote&油漆瓶的前面的圆环告诉你它即将要喷洒的区域&br&&img src=&/1d2e9a7e2a4cc7a75ae93982eb34dae8_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/1d2e9a7e2a4cc7a75ae93982eb34dae8_r.jpg&&&img src=&/c445a095e7acbe781b17ebad_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/c445a095e7acbe781b17ebad_r.jpg&&&br&&img src=&/c525e4382c_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/c525e4382c_r.jpg&&当 cursor 放在可交互的物体上时,整个物体被蓝色的泡泡包住。&br&&img src=&/f2b46dc31fc05c642f2fa96_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/f2b46dc31fc05c642f2fa96_r.jpg&&&img src=&/ea2f931cf3cc_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ea2f931cf3cc_r.jpg&&图中的玩具鸭被选中时的 cursor ——前面那个白色四棱锥和圆环的组合。&br&&img src=&/955d679e52e462ba10c34faf502095ea_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/955d679e52e462ba10c34faf502095ea_r.jpg&&3D 打印页面&br&&img src=&/cf97dd7ac8f703e2c08bdee01f78e2a2_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/cf97dd7ac8f703e2c08bdee01f78e2a2_r.jpg&&&img src=&/06dbe9db80fbce0ac3edd6b_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/06dbe9db80fbce0ac3edd6b_r.jpg&&&img src=&/02ba26da677d2cdb42efc420_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/02ba26da677d2cdb42efc420_r.jpg&&有较复杂的操作的holostudio中,air-tap一下以后物体会跟随你的手指移动。&br&cursor对准&br&&img src=&/a5b501f2a0eda813ecba49_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/a5b501f2a0eda813ecba49_r.jpg&&air-tap&br&&img src=&/95ad3ee754a8f01b0995f8_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/95ad3ee754a8f01b0995f8_r.jpg&&移动手腕以移动物体&br&&img src=&/464bb2d21c42_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/464bb2d21c42_r.jpg&&&img src=&/00bb3b2d6256afb573c2e3_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/00bb3b2d6256afb573c2e3_r.jpg&&用画笔在卡车的车门上滑动&br&&img src=&/b65c16ab9f033f796aeec_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/b65c16ab9f033f796aeec_r.jpg&&&img src=&/a25a5b3edf7aaf527a5d4bbab40ea899_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/a25a5b3edf7aaf527a5d4bbab40ea899_r.jpg&&&img src=&/871edf2dd13c2b7d4c81_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/871edf2dd13c2b7d4c81_r.jpg&&&img src=&/01ef570f940c378ab4e41fe883f848ec_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/01ef570f940c378ab4e41fe883f848ec_r.jpg&&用胶水把小鸭子黏在卡车的前引擎盖上&br&&img src=&/8b0fe8c14abee035f9c3ddc_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/8b0fe8c14abee035f9c3ddc_r.jpg&&&img src=&/9ffa4c8bdcbaec3d1cbda_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/9ffa4c8bdcbaec3d1cbda_r.jpg&&&img src=&/48b7de2dbbb02fb16bab61f3_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/48b7de2dbbb02fb16bab61f3_r.jpg&&&br&—————————————————————————————————————&br&&blockquote&11. 补充一个 fusion 360 中的 cursor&/blockquote&&img src=&/ee9bbfedf0a53b4e1284d_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ee9bbfedf0a53b4e1284d_r.jpg&&&br&—————————————————————————————————————&br&&blockquote&12. 其它形态的 cursor&/blockquote&下面介绍另一种风格的 gaze ,在《fragment》这个游戏中有用到。就是四个角上都有一个以对角线方向朝着中心的圆锥体,当 hover on在不同大小的物体时,gaze 的大小也发生调整。&br&&img src=&/86c5f909ab687bac12a9d08_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/86c5f909ab687bac12a9d08_r.jpg&&&img src=&/38b91e04d58e7caee3fb676c087eba41_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/38b91e04d58e7caee3fb676c087eba41_r.jpg&&&img src=&/aec01f30c0d21df67f350_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/aec01f30c0d21df67f350_r.jpg&&&br&&img src=&/a620ac0a0b393c4cbad1ec3cfe50e24a_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/a620ac0a0b393c4cbad1ec3cfe50e24a_r.jpg&&&img src=&/ea03c3f649fedf6e91b3de743fe8fc32_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ea03c3f649fedf6e91b3de743fe8fc32_r.jpg&&&img src=&/eb95870ade7f720ad2aa6d_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/eb95870ade7f720ad2aa6d_r.jpg&&&br&&br&&img src=&/3ca551dc9f8ebe3e96a78a75aba1bd6e_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/3ca551dc9f8ebe3e96a78a75aba1bd6e_r.jpg&&&img src=&/e146c6ce4a94e6cfab5c73_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/e146c6ce4a94e6cfab5c73_r.jpg&&&br&&img src=&/21bf6cc2e3fdae022bcafd6fd22f8582_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/21bf6cc2e3fdae022bcafd6fd22f8582_r.jpg&&&img src=&/d6a7fed2c708b3505bfacb_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/d6a7fed2c708b3505bfacb_r.jpg&&&img src=&/5e90d149f9e42cf27c3b89_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/5e90d149f9e42cf27c3b89_r.jpg&&&img src=&/50e7d6fd3f744c9a3eef09a_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/50e7d6fd3f744c9a3eef09a_r.jpg&&&img src=&/5e90d149f9e42cf27c3b89_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/5e90d149f9e42cf27c3b89_r.jpg&&&img src=&/ec0bf90becefbc_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ec0bf90becefbc_r.jpg&&&img src=&/decccdb943bbd70fb07983_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/decccdb943bbd70fb07983_r.jpg&&&img src=&/ac62d9cfccbe41a0ce5fc_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ac62d9cfccbe41a0ce5fc_r.jpg&&&img src=&/031da043ea03dbe72d1de3b_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/031da043ea03dbe72d1de3b_r.jpg&&&br&&img src=&/e4b63dbecd29a_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/e4b63dbecd29a_r.jpg&&&img src=&/9d8bbc2471f4affd810c6_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/9d8bbc2471f4affd810c6_r.jpg&&&img src=&/b396c8d1fafda6b5669594a_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/b396c8d1fafda6b5669594a_r.jpg&&&img src=&/8f3a7b3b7868100cbff44edf_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/8f3a7b3b7868100cbff44edf_r.jpg&&&img src=&/0af2e43e69f47e5edc3e1_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/0af2e43e69f47e5edc3e1_r.jpg&&—————————————————————————————————————&br&&blockquote&Unity 中的 cursor&/blockquote&吸在已经渲染好的 mesh 上。&br&&img src=&/af634bf4400f4dbbf673d059f179b3ca_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/af634bf4400f4dbbf673d059f179b3ca_r.jpg&&每一帧都要更新。&br&&img src=&/d1f885bb8afa2_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/d1f885bb8afa2_r.jpg&&根据用户所在的方向和位置算出相应的 gaze。&br&&img src=&/0dac9cbecf93ccb92a33b_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/0dac9cbecf93ccb92a33b_r.jpg&&如果用户看的地方是一个全息的影像,则渲染一个 cursor。&br&&img src=&/21cd881cd49e6befe4cb4d_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/21cd881cd49e6befe4cb4d_r.jpg&&将 cursor 移动到正对的地方,并旋转 cursor 以贴在物体表面。&br&&img src=&/cc1333eb7fad8fb101c8a73a12f3b7ae_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/cc1333eb7fad8fb101c8a73a12f3b7ae_r.jpg&&而如果用户的没有去看能够交互的物体,则 cursor 消失。&br&&img src=&/64fec49f85fc6f099a4ac842b909d1a5_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/64fec49f85fc6f099a4ac842b909d1a5_r.jpg&&
(警告:因为cursor 过小,请在PC端将图片放大后观看) ————————————————————————————————————— Gaze 是 Hololens 交互的第一步,它需要瞄准交互目标,而 cursor 则相当于鼠标的光标。一旦在…
↓如图,利益相关,体验完daydream领了一套广告衫睡在了Google办公室的地板上做了个『30分钟』沉浸感极强的白日梦~&br&&img src=&/fab05bfb69dda3824497ff_b.jpg& data-rawwidth=&2446& data-rawheight=&2097& class=&origin_image zh-lightbox-thumb& width=&2446& data-original=&/fab05bfb69dda3824497ff_r.jpg&&&img src=&/v2-eaaff5bdfd5c637803adbbb76cce0c17_b.jpg& data-rawwidth=&2308& data-rawheight=&2869& class=&origin_image zh-lightbox-thumb& width=&2308& data-original=&/v2-eaaff5bdfd5c637803adbbb76cce0c17_r.jpg&&&br&打个形象的比方:刚出生的婴儿,它会到处爬,到处望,看看这世界是怎样的,这就是Google cardboard前两年头动交互所做的事情。&br&两年后这个婴儿大致会看世界了,于是开始挥舞着自己的小手,去抓身边的、周围的东西,可能抓得有些幼稚、有些凌乱。&br&&img src=&/288d8fc9a57d892b3c9c4_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/288d8fc9a57d892b3c9c4_r.jpg&&&br&但是随着它慢慢成长,便越来越会和身边的东西交互,抓东西越来越灵巧和自然……这就是daydream,它的核心就是&b&&i&&u&用controller来『抓东西』&/u&&/i&&/b&。&br&&img src=&/dd77bc4e162c8332f1bbba81d312ab8c_b.jpg& data-rawwidth=&1223& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&1223& data-original=&/dd77bc4e162c8332f1bbba81d312ab8c_r.jpg&&(从尺度上来看它可以随时放进口袋,便携性符合移动端要求;而从正面的简单三个按键上看来,它也是适合做简单的、轻度的交互,所以受众广,利于VR早期的推广。)&br&&img src=&/2528dcc531a14fb0fc6e0b_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/2528dcc531a14fb0fc6e0b_r.png&&所以,用一句话概括就是——&b&&i&&u&用手部控制controller进行操作替代了原来用头动控制cursor的交互&/u&&/i&&/b&,把头部从繁重的交互操作中解救出来,是体验上的升级。所以我们重点讲讲它的交互——&br&&img src=&/d9a2eb876d49_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/d9a2eb876d49_r.png&&&img src=&/e69fba675ac6f_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/e69fba675ac6f_r.png&&另外,我们从文件中也可以看出来,daydream确实是由cardboard演变过来的:&br&&img src=&/b48da82c3ebd02ae8cf03cd_b.jpg& data-rawwidth=&750& data-rawheight=&542& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/b48da82c3ebd02ae8cf03cd_r.jpg&&&img src=&/654f3879bccbc4b6b17cf9e_b.jpg& data-rawwidth=&800& data-rawheight=&458& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/654f3879bccbc4b6b17cf9e_r.jpg&&&br&列个目录慢慢往下写:&br&0. 硬件及工业设计&br&&ol&&li&raycast&/li&&li&连续motion&/li&&li&离散motion&/li&&li&双手交互&/li&&li&touchpad以及手感&/li&&li&APP button&br&&/li&&li&点击home button回到daydream的主页&br&&/li&&li&长按home button 回到默认视角&br&&/li&&li&回复评论区&br&&/li&&/ol&—————————————————————————————————————&br&0.硬件及工业设计&br&这个controller是用蓝牙连手机的遥控器,示意图如下:&br&&img src=&/f3847f3abb381a3f5908dd5cdfb57ab2_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/f3847f3abb381a3f5908dd5cdfb57ab2_r.jpg&&经知友 &a data-hash=&20f8cabfd5e33df8e6fa91& href=&///people/20f8cabfd5e33df8e6fa91& class=&member_mention& data-editable=&true& data-title=&@tony chen& data-hovercard=&p$b$20f8cabfd5e33df8e6fa91&&@tony chen&/a& 提醒,音量键在这里。(因为在手机插入手机盒子之后不方便操作音量,而有需要随时调节。)&br&&img src=&/4f896fb878c8451aafba43_b.png& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/4f896fb878c8451aafba43_r.png&&&br&从触觉上来说,一个平的略往外凸的按钮,下面是凹进去的按钮,能让你在VR中摸出来。&br&&img src=&/d8cc0f457ba7f4aa73573_b.jpg& data-rawwidth=&249& data-rawheight=&203& class=&content_image& width=&249&&&br&握着这个controller的姿势和单手手持手机相似,所以它不支持multi-touch,而更多的是你大拇指单指的操作——用大拇指操纵这三个交互控件。&br&(为了避免手把controller甩出去,所以手腕上还是系了个绳)&br&&img src=&/ace34847dba6c1602be48e_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ace34847dba6c1602be48e_r.png&&&br&—————————————————————————————————————&br&1、raycast&br&在cardboard和很多移动端VR中,都使用转动头部来控制cursor的。&br&而Daydream的controller,则在VR中发出的虚拟『激光』移动cursor,避免过多的『头动交互』引发的脖子疲劳……这是交互的一大进步。&br&&img src=&/d79c841d9f1_b.png& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/d79c841d9f1_r.png&&raycast这种交互用到了IMU(加速度计、陀螺仪和地磁计三者数据的整合),虽然只有三自由度,但是已经够用了。&br&&img src=&/0c82ee18b43ce3ca3c2c5_b.png& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/0c82ee18b43ce3ca3c2c5_r.png&&&br&这里感兴趣的同学可以看《&a href=&/question/& class=&internal&&如何形象地理解四元数?&/a&》,我非技术就不讲了。&br&&img src=&/8529b6baed2c431e474be30fa8331c2d_b.png& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/8529b6baed2c431e474be30fa8331c2d_r.png&&&br&想象一个点,向一个三自由度的球形曲面投射一道射线,它只要稍微转转手腕就能指到这个球面里的任何一个点。(所以交互起来很轻松)&br&&img src=&/1df9842389addfcb7fe7417_b.png& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/1df9842389addfcb7fe7417_r.png&&在cursor的设计上,Google学习了&a href=&/question//answer/& class=&internal&&Hololens中的『gaze』&/a&,即镭射出的射线和虚拟物体相交形成了一个圆。&br&&img src=&/a7e4db6f6b203ee292b8d0a_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/a7e4db6f6b203ee292b8d0a_r.png&&&br&而这个圆是贴着虚拟物体表面的走的,所以增强了虚拟物体的立体感。&br&&img src=&/0f6cb042e5bfee056628eaa78c33cf79_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/0f6cb042e5bfee056628eaa78c33cf79_r.png&&&img src=&/73c51bfca5ca99fd6b128_b.jpg& data-rawwidth=&658& data-rawheight=&290& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&/73c51bfca5ca99fd6b128_r.jpg&&从下面的demo中我们可以看出,在来到主视角之后,用户并不需要使用『头动』来调整cursor,而是直接轻松简单地用了遥控器的raycast完成了交互(微微转动手腕调整遥控器位置)。&br&&img src=&/818e8f68b5b02e03a30cf3_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/818e8f68b5b02e03a30cf3_r.jpg&&&img src=&/ea8c5e0718_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ea8c5e0718_r.png&&用镭射的交互方式用来做选择其实是很轻松的(用户交互成本使用路径最低)——用户站在&坐在一个固定位置,就能轻易地选择到他能看到的任何物体。在VR中的交互感觉,就像激光笔一样。&br&&img src=&/bfeadb887eb1f_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/bfeadb887eb1f_r.png&&不知道你们有没有过用很强的激光笔指着远处,当你在很远的地方看见激光一瞬间达到,这种迅捷的交互有种很强的快感。(&a href=&/question/& class=&internal&&如果地球上所有人同时用激光笔指着月亮,月亮会不会变颜色? &/a&)&br&&img src=&/79a021c85fa3bb20a940d_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/79a021c85fa3bb20a940d_r.jpg&&我们都知道,越远处的物体,越相当于贴在一个三自由度的球面上,比如极远处的星辰,但是越远处的物体需要转动得幅度越小,却越难以精确指到。&br&&img src=&/ccbb75ecfc7767caada63_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/ccbb75ecfc7767caada63_r.jpg&&用raycast选择道具栏中的物体&br&&img src=&/2bfbbbc2e8b6_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/2bfbbbc2e8b6_r.png&&&br&在投掷道具时,激光镭射的虚线就会显示出来,示意你将会投掷到的地方。&br&&img src=&/ced87b85b41db_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/ced87b85b41db_r.png&&&br&&br&指着一个可被激活的道具&br&&img src=&/516c7d61d2f4fab07843_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/516c7d61d2f4fab07843_r.png&&点击touchpad,则触发这个道具,比如这里是宝箱打开。&br&&img src=&/6ce27acaa2cd0_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/6ce27acaa2cd0_r.png&&拾取道具,选中道具后点击touchpad,道具会向你飞来。&br&&img src=&/c70cdeb7a168ea287ee4cdde4ba6930b_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/c70cdeb7a168ea287ee4cdde4ba6930b_r.png&&&br&道具会向你飞来&br&&img src=&/0c1deeb520712fde4a3bd82a_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/0c1deeb520712fde4a3bd82a_r.png&&不像HTC vive那样低头弯腰过去捡那么累,daydream controller在降低了操作成本的同时也降低了沉浸感(因为游戏并不是让用户轻松的),但是又能提高留存率,因为玩起来轻松用户更愿意久玩。&br&&img src=&/9d141e70ecf407_b.jpg& data-rawwidth=&1600& data-rawheight=&1600& class=&origin_image zh-lightbox-thumb& width=&1600& data-original=&/9d141e70ecf407_r.jpg&&当然还可以用来瞬移传送&br&在Google 街景地图VR中,每个点都是一个全景球,用抛物线式的raycast进行传送(为什么要用抛物线呢?因为如果直接用直线raycast指向地面可能不容易指}

我要回帖

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信