天天看点

《AR与VR开发实战》——3.3 手势控制

目前市场上流行的ar产品以儿童教育类产品居多,这些产品中大多会有手势交互的功能,本节就将讲解如何在ar产品中加入手势交互的功能。设想以下场景,在识别一个动物的卡片后,会出现该动物的3d立体影像,在识别丢失后,动物模型会停留在屏幕中心,并可以通过手势控制其旋转和缩放。

我们需要实现模型脱卡的功能,这个功能的实现已经在上一节做了详细讲解,本节不再赘述。

关于手势控制,最原始的方式是通过unity 3d自带的input类进行处理,但是为了快速实现我们想要达到的效果,可以借助一些插件来实现。用于手势处理的插件有finger gesture、leantouch和easytouch等,本节主要通过easytouch这个插件来讲解手势控制功能(本节使用的插件版本为easytouch 5)。

接下来,我们就逐步讲解easytouch的使用方法。

1.查看easytouch案例场景

正确导入easytouch插件之后,在project视图中找到quickgesture案例场景,这个场景中展示了插件中大部分手势的案例,该场景打开后的界面如下图所示。

《AR与VR开发实战》——3.3 手势控制

上图中的场景展示了下列手势:

touch:触摸手势。

tap:点击手势。

long tap:长按手势。

drag:拖动手势。

enter over exit:滑过手势。

double tap:双击手势。

swipe:滑动手势。

twist:扭转手势。

pinch:两个或多个手指挤压,常用于缩放。

2.easytouch初始化

easytouch初始化的方式非常简单,只需在场景中创建一个空的gameobject,将其命名为easytouch,然后在inspector面板上点击addcomponent添加easytouch.cs脚本文件即可。

3.旋转模型

初始化模型的工作完成之后,接下来演示旋转模型的实现方式。查看之前案例场景中horizontal swipe下的物体,你会发现当鼠标在该物体上左右滑动时,就可以让物体发生水平方向的旋转,我们查看被旋转物体上的组件信息,发现该物体拥有一个名为quickswipe的组件。

因此,只要给需要旋转的物体添加quickswipe组件,即可让物体根据手势滑动的方向进行旋转。quick swipe组件的参数如下图所示。

《AR与VR开发实战》——3.3 手势控制

上图中的swipe direction选项表示判断手势滑动的方向,例如horizontal表示水平方向,vertical表示竖直方向。action中的选项表示当手势触发之后,所影响的物体会发生哪些类型的动作,可以选择的动作有rotate(旋转)、translate(移动)和scale (缩放),在此我们选择rotate选项即可。affected axes表示被影响的坐标轴,如果是水平方向渲染,则选择y轴。sensibility表示灵敏度,可以根据灵敏度调整旋转的速度,inverse axis表示反向。

4.缩放模型

在手机app中,一般是通过两个手指在触摸屏幕上的距离远近变化来控制模型的大小,因此我们采用easytouch中的另外一种pinch事件。在上述案例场景中我们可以看到这个事件,但是在unity编辑器中无法通过鼠标模拟多点触控,easytouch的解决方案是:首先用ctrl+鼠标左键确定第一个手指的位置,然后通过alt+鼠标左键来控制第二个手指的位置与第一个手指的位置之间的距离。

(1)ctrl +鼠标左键确定第一个手指的位置。

(2)alt +鼠标左键滑动控制模型缩放。

《AR与VR开发实战》——3.3 手势控制

在实现缩放控制的时候,easytouch为我们提供的接口也特别简单。与旋转模型类似,只需要给被旋转的物体加上一个quickpinch组件,但是不要忘记给物体再添加一个碰撞器组件。

5.拖动模型

拖动模型是指,当鼠标或手指选择屏幕中的某个物体之后,拖动手指,物体会跟随手指进行移动,如果不借助插件,则实现步骤如下。

(1)通过unity中的input类获取当前鼠标的位置或触摸点的位置,返回的坐标信息为屏幕坐标。

(2)将获取的屏幕坐标转换为世界坐标,这个步骤可以通过camera中的screentoworldpoint

方法来实现。

(3)将模型的位置移动到转换后的世界坐标位置。

上述实现过程比较麻烦,因此我们直接采用easytouch中的quickdrag组件实现。我们只需要给被拖动的物体添加quickdrag组件。如果要实现两个手指拖动,则添加twodragme这个脚本组件就可以了。

本节关于手势控制的内容已经介绍完毕,其实easytouch还拥有其他一些手势控制和功能,大家可以参考它的帮助文档。

继续阅读