找回密码
 立即注册
搜索
EasyAR 教程 Unity 查看内容

EasyAR 初学者入门指南(1)---显示模型+脱卡

AlbertLee 2019-4-1 14:58

EasyAR最基础的入门系列教程

第一部分:显示模型

 

1.开发环境 

在本次的案例演示中,我使用的是Unity 2018.2.4f1版本,EasyAR2.3.0

 

2.导入SDK

 我们新建一个Unity项目,命名为HelloAR 



再到EasyAR官网(https://www.easyar.cn/view/download.html)下载”EasyAR SDK 2.3.0 Basic for Unity3D(Unitypackage)

解压之后,我们将EasyAR SDK 2.3.0 Basic for Unity3D(unitypackage) 导入到Unity中,导入之后,效果如图:


3. 配置识别图

首先我们准备一张我们需要识别的图片(格式最好为jpg,在这里为了测试方便,我用一张身份证来识别,将这张图片命名为idback,比如:


然后我们在Unity里新建一个目录,命名为StreamingAssets,然后将这张图拖入到Unity目录下



EasyAR的开发配置中,直接将图片拖入到Unity中是一中比较常见的手段,我们也可以用json的方法来配置我们项目的开发,我们在StreamingAssets目录下新建一个json文件,命名为targets,基本格式如下:

{

images:

{

 {

image:idback.jpg,

name:idback,

size:idback.jpg,

uid:uid-string,should NOT duplicate,

meeta:what ever string you like.

}

}

}

对于json配置图片,我们必要的两个字段是:

 

*image —导入到Unity中的识别图名字+后缀格式

*name —识别图名字

 

如果我们想配置多张图片信息,比如我们还在Unity中导入了一张名为argame00的图片,那么我们就可以这样配置json,以此类推

{

"images" :

{

{

"image" : "argame00.jpg",

"name" : "argame"

},

{

"image" : "idback.jpg",

"name" : "idback",

"size" : [8.56, 5.4],

"uid" : "uid-string, should NOT duplicate",

"meta" : "what ever string you like."

}

}

}

 

4. 获取key

key的获取方式可参考

https://www.easyar.cn/doc/EasyAR%20SDK/Getting%20Started/Getting-Started-with-EasyAR.html#key

 

5. 导入模型资源

将我们准备好的模型资源导入到Unity

 

6. 开发

我们的准备工作基本已经完成了,接下来我们将删除原有场景的Main Camera,我们把我们的EasyAR Camera 拖到面板中


然后将我们从官网申请的Key填入到EasyAR_Startup



然后我们把ImageTarget拖到面板中去



然后我们编辑挂在ImageTarget组件上的“ImageTargetBehavior”脚本(这段脚本的功能主要是捕捉到识别图时控制模板的显示与消失),脚本主要内容如下:



接下来,我们填写如下信息:

   *path:识别图的路径

   *Name:识别图的名字

   *Size:识别图的大小


对于Path的配置,我们有两种方法:一种是可以直接填写识别图名+后缀;另一种时填写Json,比如:



注意:我们一定要将Storage的格式修改为Assets,并点击上图小按钮,选择ImageTracker 


关于Storage

接着我们在Imagetarget组件下面创建我们的AR模型,我们将事先准备好的资源拖到其下面,如图:



我们reset这个模型的Transform,然后使它的大小缩放为0.05,如图:



7. 测试 

我们在FileBuild Setting之后点击Player Setting,选择对应的platform. 

最后也是最关键的一部分,我们的Graphics API 使用的是OpenGLES2.如图:


第二部分:脱卡

 

脱卡的意思大致可以说为扫图出现模型,摄像头离开识别图后模型消失,挂载在别的地方的同一个模型在模型显示的位置显示出来,让人感觉模型没有消失,从而达到脱卡的效果。

 

1. 接着上面显示模型的教程来做

 

2. ARCamera下也添加一个模型,并设置这个模型在你相机下的位置大小等参数(这里各位开发者可以将模型大小和位置修改为一致)


3. 在最外层新建一个empty,项目中我重新命名为“Tuoka”,用来存放脱卡脚本。

脱卡脚本:


4. 照下图所示拖动,即可完成脱卡


鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏