一个web-ar的应用 · AR香蕉

本文介绍了一个基于Web的AR应用示例——AR香蕉。通过ar.js和three.js,用户可以在浏览器中实现AR体验,扫描特定的标记卡(marker)在屏幕上显示3D香蕉。文章详细阐述了实现过程,包括如何训练marker、获取相机校准参数,并提供了相关代码示例。
摘要由CSDN通过智能技术生成

一个web-ar的应用 · AR香蕉? Banana

这是一个AR的demo/ This is a demo about ar run in web

预览/PreView

  1. 首先,打开你的手机, 确保你使用的浏览器支持WEBGL1.0和WebRTC平台, 安卓已支持谷歌浏览器,QQ和微信的内置浏览器, I0S系统需要版本11以上,使用系统自带扫码打开页面,在Sarari中运行, 需要注意的,IOS微信内置浏览器并不支持webRTC标准/Now, Openinig your phone please, you sholud make sure your Browser can support WEBGL1.0 and webRTC
  2. 扫码/Useing your phone’s camera to sweep qrcode
  3. alt text
  4. 确保扫码后打开页面,并允许了相机的授权, 把相机对准下面的Maker(也就是这张图片)/ opening this page and allow camera authorizationinig to camera, using camera to this picture
  5. alt text
  6. 现在你可以看到banana拉~/ now yo
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值