Unity使用zapworks开发webgl平台AR项目

简介

  • Zapworks官网
  • 支持webgl,android,ios三个平台
  • 支持的技术有:

    • 图像跟踪(Image Tracking)

    • 面部跟踪(Face Tracking)

    • 即时世界跟踪(Instant World Tracking)类似slma技术

  • 其他具体看官网

注意事项

图像识别需要训练自己的图片对象

​ 打开Zappar->Editor->Open Image Trainer

​ image-20230731001418550

​ 选择使用即可

自定义开始模板语言

官方的语言很多都不支持

IMG_9694

根据办法:Camera Permission Message - Universal AR - ZapWorks Forum

下载回答中custom_permission.zip

然后修改对应的index.html文件,然后修改permission.js文件里面的注释(这段注释代码是插入html解释)

如下:

在unity中打开Zap ArSetting

image-20230731002804575

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//修改index.html文件中代码
<script type="text/javascript" src="https://libs.zappar.com/zappar-cv/2.1.4/zappar-cv.js"></script>
//在原来基础上增加这行,注意正确路径地址
<script type="text/javascript" src="permission/permission.js"></script>


//WaitForZCVLoad();
//改成下面
custom_permission_request_ui_async(PermissionResolve);
function PermissionResolve(success) {
        console.log("permission allowed: "+success);
    if(success)
        WaitForZCVLoad();
}
1
2
3
4
 //修改permission.js中代码 
<div class="zappar-title">自定义标题</div>
<div class="zappar-text">提示信息</div>
<button id="custom-permission-request-button">按钮信息</button>

​