vuforia6.2 在unity中图片识别教程

怼烎@ 2022-06-16 08:07 489阅读 0赞

目录[(?)][Link 1][\[+\]][Link 1]

1.  [vuforia62 在unity中图片识别模型流程一][vuforia62 _unity]
    
    1.  [账号注册][Link 2]
    2.  [Unity操作][Unity]
2.  
3.  [通过代码自行操作模型][Link 3]
4.  [发布设置][Link 4]

# vuforia6.2 在unity中图片识别模型流程（一） #

最近公司将向AR转向，因此对vuforia进行了一些浅显的了解。未免遗忘，将vuforia的图片识别流程进行一个简单的整理。本人水平不高，若有遗落错处欢迎评论指正。（本文使用的是vuforia6.2版本，以及unity5.3.5）

--------------------

## 账号注册 ##

> [vuforia官网][vuforia]

*  账号注册很简单，跟着流程注册登陆即可。
 *  登陆后点击Downloads进入下载界面并选择SDK。
    
    ![20170402105717870][]
    
    ![20170402105858137][]
    
    下载后直接导入unity中即可。

--------------------

*  在官网进入Develop界面，选择License Manager
    
    ![20170402105355338][]
    
    > 此为证书管理界面,注意与Target Manager界面区分。  
    > 一个App只有一个证书 但可以有多个Target。  
    > 证书和Target之间并无对应关系。  
    > Target Manager主要管理识别图等。

--------------------

*  创建一个新证书 点击创建新证书  
    ![20170402105359150][]
    
    > 之后根据提示填好信息创建即可，注意Name需要与你的App名字保持一致，包括大小写（这里是指在unity中BuildSetting中填写的App名字一致），否则会出现无法识别的情况。

--------------------

*  创建好证书后点击即可进入证书管理界面，如下图
    
    ![20170402105402312][]
    
    > 在此界面点击Edit Name即可修改名字。  
    > 选中部分为证书部分，需将其复制，之后需要填入指定位置。

--------------------

*  之后就可以进入Target Manager界面管理识别图
    
    ![20170402105410171][]

--------------------

*  进入创建界面  
    ![20170402105413765][]
    
    > 这里的名字可以任取，方便自己使用即可。  
    > 类型中Device为图案，Cloud为云识别，VuMark为 VuMark是Vuforia 6.0版本新增的一个功能。它是一个可定制的可视化代码，可以贴在任何产品或机器上面，有兴趣可自行了解。  
    > 这里我们使用的Device。
 *  创建成功后，同样点击名字即可进入管理界面
    
    ![20170402105526963][]
    
    > 点击Add Target创建新识别图，界面如下：
    
    ![这里写图片描述][SouthEast]
    
    > 这里的选项均可自己按需选择，此处我们使用图片，选择Single Image。  
    > width代表图片的宽度，建议根据识别图的宽度填写。
    > 
    > 创建成功后，选择要下载的识别图，点击Download Datebase  
    > 下载完成会得到一个unity资源包，将其导入Unity中。

--------------------

## Unity操作 ##

*  拖入Prefab
    
    ![20170402105540776][]
    
    > 进入Unity后 先将MainCamera删除  
    > 再按图片路径将ARCamera及ImageTarget拖入场景中
 *  ARCamera设置
    
    > 找到ARCamera,找到其上的VuforiaBehaviour组件，并点击OpenVuforiaConfiguration进入编辑界面。
    
    ![20170402105544729][]
    
    > 进入编辑界面后，首先将之前官网上的证书复制到AppLicenseKey框中。  
    > 注意需将Datasets中的Loadc6Database勾选。  
    > 其余的选项可以按照项目要求设置。
    
    ![20170402105548573][]

--------------------

*  ImageTarget设置
    
    ![20170402110055820][]
    
    > 在ImageTarget上找到ImageTargetBehaviour组件。  
    > DataBase选择你刚才下载导入的识别图，点击下拉选择即可。  
    > 选择DateBase后ImageTarget会自动选择，width和height会根据你上传时填写的大小自动设置（此大小是可以更改的，只是比例不会变）。  
    > 其余选项可按照自己的需求设置。

--------------------

*  #  #
 *  模型及摄像头位置设置
    
    > 设置好参数过后，此时可以将你需要显示的模型放到ImageTarget的子物体，Active不需要设置，内置脚本自己会检测，当然也可以自己按需要调整，后面会介绍。
    
    ![20170402105557073][]
    
    > 关于模型和图片的距离，距离最好不要太远到超出摄像机的摄像范围，具体大小和位置可根据需要调整。  
    > ARCamera则需要将摄像范围调整到能将识别图和模型全部纳入范围（选中ARCamera会出现摄像范围）。
    
    ![20170402105604861][]
    
    # 通过代码自行操作模型 #
    
     *  vuforia代码浅析
        
        > 在ImageTarget物体上找到DefaultTrackableEventHandler组件，并打开。
        
        ![20170402105608970][]
        
        > 此脚本主要是对识别后的操作进行控制的。  
        > 如果对识别后对模型有操作可在此脚本里添加。
        
        ![20170402105613276][]
        
        > 我们同样可以自行编写脚本进行操作，只需继承ITrackableEventHandler即可。
        
        在此脚本中，我们可以发现最重要的是以下三个方法：
        
        ![20170402105617236][]
        
        ![这里写图片描述][SouthEast 1]
        
        ![这里写图片描述][SouthEast 2]
    
    --------------------
    
    > 从方法名中可以看出，OnTrackableStateChanged即为当识别状态发生改变时调用的方法。  
    > OnTrackingFound即为当识别成功后调用的方法。  
    > OnTrackingLost即为当识别图离开镜头后调用的方法。
    
    那我们不难看出要对模型进行操作即可从这三个方法入手。  
    比如我们如果想在模型出现后能够通过手指来操作模型旋转，放缩等操作时，即可通过手势插件FingerGesture或EasyTouch来进行操作。  
    又如我们如果想通过UGUI添加按钮，通过按钮来是模型实现对应的功能的话，我们也可以在此脚本中控制按钮的出现和消失等。  
    具体的功能的话可以根据需求来开发。
    
    # 发布设置 #
    
     *  设置需要注意的地方
        
        ![20170402105623526][]  
        ![20170402110209852][]
    
    发布时其他设置按照vuforia的要求来即可，需要注意的是图中框中的部分，这里的CompanyName和ProductName一定要和在官网申请时的名字是要一样的，包括大小写。
    
    BundleIdentifier里面也是一样的。
    
    如果出现不一致，可以在官网账号信息或证书申请处进行修改即可。
    
    不一致会导致无法识别的情况，一定要注意。
    
    最后，发布安装后大家会发现使用过程中左下角有vuforia的商标，  
    这个商标是需要付费才能够去除的，但是可以被UI遮挡，有需要的朋友可以根据自己经济情况解决。
 *  转载：[http://blog.csdn.net/qq\_25831023/article/details/54799219][http_blog.csdn.net_qq_25831023_article_details_54799219]

[Link 1]: http://blog.csdn.net/yupu56/article/details/68945623#
[vuforia62 _unity]: http://blog.csdn.net/yupu56/article/details/68945623#t0
[Link 2]: http://blog.csdn.net/yupu56/article/details/68945623#t1
[Unity]: http://blog.csdn.net/yupu56/article/details/68945623#t2
[Link 3]: http://blog.csdn.net/yupu56/article/details/68945623#t4
[Link 4]: http://blog.csdn.net/yupu56/article/details/68945623#t5
[vuforia]: https://developer.vuforia.com/home-page
[20170402105717870]: /images/20220616/b541cff3bb4f4ff5b798a41cb954b89f.png
[20170402105858137]: /images/20220616/5ea77b1a79a143c39b0d1c36bee44005.png
[20170402105355338]: /images/20220616/812a0d2aa7984a989f9f55a23512a78c.png
[20170402105359150]: /images/20220616/f9c7c2646fb14d89b4d352478912d9a8.png
[20170402105402312]: /images/20220616/a783983bc3fc46d0854c30777c626022.png
[20170402105410171]: /images/20220616/0b3965d44c2f47b89f459e69f9596486.png
[20170402105413765]: /images/20220616/4569a7817d0d4aea92d72646c7ed7a38.png
[20170402105526963]: /images/20220616/c5d4f737df80418497ffb135dd31e4d4.png
[SouthEast]: /images/20220616/214765b221c441a3bf66f585080372b0.png
[20170402105540776]: /images/20220616/dc5f598ff27b4297b8e228074f530312.png
[20170402105544729]: /images/20220616/e28301f891cf45e8b9d650ac67220f23.png
[20170402105548573]: /images/20220616/54bb8381ce0146aeb2e0ec0870e8947f.png
[20170402110055820]: /images/20220616/b89b3d74d6ce496dafcf4539b4d199e2.png
[20170402105557073]: /images/20220616/73aa9c26cd314c208342dc40017d1d67.png
[20170402105604861]: /images/20220616/8c368106d5024081bf1a8d3dda461c13.png
[20170402105608970]: /images/20220616/eadcf50188fc486ca143199f9b9f6065.png
[20170402105613276]: /images/20220616/2dbdd6fa3b7f4a8ba0cdff60c7871613.png
[20170402105617236]: /images/20220616/6c03f2ec36bc4bbbb88764cc9438106a.png
[SouthEast 1]: /images/20220616/6f7a454b8ebc47e196498b9e036c35ef.png
[SouthEast 2]: /images/20220616/103cc00d9deb434eb69baf41ac3c63a0.png
[20170402105623526]: /images/20220616/0b4cd39446e04f1f9654308dc79c19c6.png
[20170402110209852]: /images/20220616/a9cc015b1f9148a3ad4d33a3cd8adf67.png
[http_blog.csdn.net_qq_25831023_article_details_54799219]: http://blog.csdn.net/qq_25831023/article/details/54799219