分类目录归档:XR

AR.js + three.js 实现WebAR 实践


项目需求

  • 移动端微信h5 ,通过微信扫一扫实现在微信内置浏览器中显示3d人物模型
  • 拍照功能。 使用微信扫码后吊起手机相机进行 模型 + 相机内容 拍照 ,并生成图片

上效果:

image.png

技术点:

  • 移动端适配(ios and android)
  • 微信调起相机问题。在安卓端 方案已经很成熟, 在ios端,ios 在2021年下半年刚刚才开放支持 微信端webrtc 功能
  • 拍照内容 模型+相机内容,两部分图片,需要对两张图片进行合成
  • 移动端实现AR功能。 3d模型展示 three.js

技术方案

方案一: 纯原生前端实现,使用html,js 实现在 video标签中捕获视频帧画面,然后把每一

Read more