WebAR入坑學習

一、解決的問題

    1、解決AR需要下載下傳App的麻煩

    2、分享簡單

    3、高效制作

        Web3D都能相較傳統的AR、VR制作周期要縮短很多，在更需要抓時效性的宣傳中，選擇WebAR/VR會更加适合。此外                     RAVVAR的Web3D編輯器也開放給大衆來制作WebAR/VR場景。

    4、增加粉絲

    5、更酷炫産品展示

二、需要的技術面及目前開源的技術解決方案

WebRTC

    RAVVAR的Web3D編輯器也開放給大衆來制作WebAR/VR場景

    EasyAR

https://blog.csdn.net/qq_39097425/article/details/81330283 EasyAR實作WebAR功能 AR.js打造高效WebAR（three.js+AR.js）

        AR.js 是一款應用于 Web 的高效增強現實（AR）庫。

            特點：

• • 非常快：即使在手機上也能高效運作，包括 Android、IOS 和 Windows phone 。
  • 基于 Web ：純 Web 解決方案，無需安裝。基于 three.js + jsartoolkit5
  • 開源：完全開源、免費
  • 标準：适用于任何帶有 webgl 和 webrtc 的手機

Three.js Three.j入門學習 GitHub

    A-Frame    

         A-Frame School

DEMO

JsArtoolkit

     Artoolkit的js版本，支援pat marker和nft marker的識别與跟蹤，配合threejs可渲染模型，目前的問題是nft marker跟蹤的幀率不高。

Awejs

     基于jsartoolkit實作了圖檔marker識别，并封裝了空間定位能力，提供了AR/VR裝置體驗版本的Demo。

JsObjectDetect

     亮點功能在人臉和手勢識别跟蹤方面的表現，且能識别、跟蹤人臉五官。 自稱人臉識别方面能力和效果秒殺其他庫：

Tracking.js

     Tracking.js提供了人臉識别的能力，但是在浏覽器裡邊表現不佳。另外，這個庫還提供了顯示識别特征點等能力。

caffejs

    Caffejs支援在Web中運作神經網絡功能，該項目提供了一些示例模型的示範。

如果能有一套成熟的方案把這個庫包裝一下用起來，意義還是挺大的：将圖檔識别的工作放在浏覽器中完成，可以節省大量的網絡流量和伺服器資源。

但是目前浏覽器中做識别由于性能原因，識别耗時較長，不能太過頻繁的識别。

三、DEMO例子

https://zhuanlan.zhihu.com/p/26364493 https://blog.csdn.net/qq_35128576/article/details/81334847 https://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201612/537832.shtml http://web.jobbole.com/90914/

四、3D素材線上制作

https://www.ddd.online/mall/search?isFree=true