WebAR 本地识别与跟踪实现

完整代码请查看 https://github.com/wujianar/webar-track
技术支持:无间科技

  1. 初始化WebAR
// 初始化WebAR
this.webAR = new window.WUJIAN.WebAR({
    container: container,
    endpointUrl: 'https://iss-cn2.wujianar.com',
    token: 'MDU5........UzNjU2MjIwfQ==',
    scaleOffset: new THREE.Vector3(1.5, 3, 4),
});

// 设置threejs
this.webAR.setThree({ scene: this.scene, camera: this.camera, renderer: this.renderer });
  1. 打开相机
this.webAR.openCamera().then(() => {
    // 相机打开后加载本地特征数据,加载模型等。
}).catch((err: any) => {
});
  1. 加载特征数据及跟踪
// 使用预编译好的特征数据
this.webAR.loadData('assets/data/kl.dat').then(() => {
    this.addCube();
    this.render();

    // 打开跟踪功能
    this.webAR.start();
}).catch((err: any) => {
    console.info(err);
});
  1. 使用云识别,识别成功后并在本地跟踪
this.webAR.startSearch((data: any) => {
    // data为绑定的breif数据(3d模型或视频的数据可在保存在breif中)

    // 识别成功后的回调
    this.addCube();
    this.render();

    // 打开跟踪功能
    this.webAR.start();
});
  1. 暂停/恢复跟踪功能
// 暂停
this.webAR.pause();
// 恢复
this.webAR.start();
  1. demo预览 (建议在微信浏览中预览)
识别图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 二十一世纪旧体诗词风骚榜[https://www.jianshu.com/c/da968ae2d498] 上榜絮语...
    张成昱阅读 400评论 0 21
  • Matlab dde 求解 时滞微分方程 具有常时滞的 DDE,使用dde23 求解 https://ww2.ma...
    李政高阅读 188评论 0 1
  • 昨晚带孩子去附近的商超溜达了一个半小时,回来的路上尤其的活泼。 以往总觉得孩子不够有活力,担心性格养成方面会有问题...
    简书鑫阅读 147评论 0 1
  • 今天是立秋節令。今天貼秋膘,可能你吃的是醬肘子。而我突然想起大於五十年前。那時候,買一點點的豬肥油,切小丁,加白糖...
    BJtalk阅读 79评论 0 0
  • 善结无绳约而不可解 ----老子《道德经》第二十七章 善于打结的人不需要绳子的约束也无法解开 这是说给一个人心里打...
    陆颜阅读 402评论 2 5