【AR優(yōu)秀開源項目】專欄會定期為大家推薦一些可移植性強的摆霉、可二次開發(fā)應用的、可落地實際場景使用的實戰(zhàn)工程源碼分享給大家。本部分分享的是使用ARKit實現(xiàn)在Web端的AR效果获黔！
要求
WebARonARKit建立在iOS ARKit的基礎上痹雅，iOS ARKit需要具有A9 +處理器且運行iOS 11的iOS設備仰担。為獲得最佳效果，我們建議以下操作之一：
iPad（2017）
iPad Pro（9.7绩社、10.5或12.9英寸）
iPhone 7及以上設備
Step 1:下載鏈接
作者：google-ar
下載鏈接：
https://github.com/google-ar/WebARonARKit
或點擊下方的‘閱讀原文’進行下載
Step 2:項目效果預覽
Step 3:如何使用
1. 克隆WebARonARKit GitHub存儲庫摔蓝。
2. 啟動Xcode 9源武。
3. 使用Xcode 9從克隆的WebARonARKit存儲庫中打開Xcode項目（.xcodeproj）县习。
4. 從項目導航器中選擇WebARonARKit項目文件（左列頂部的藍色圖標），然后在下選擇WebARonARKit目標Targets。
5. 確保設備已連接到計算機泣懊，然后從Product >> Destination菜單或從用戶界面左上角的運行按鈕旁邊的下拉菜單中選擇設備，將其設置為構建目標概而。
6. 構建完成并將其推送到設備后诗宣，該應用會自動打開。你可能必須按照屏幕上的說明授權開發(fā)人員帳戶將其推送到設備上龄毡。請注意吠卷，首次運行應用程序時，安裝正確的用戶配置文件可能需要一些時間沦零。
要構建可與適用于Android的 WebARonARKit和WebARonARCore一起使用的AR Web體驗祭隔，我們建議使用three.ar.js，這是一個與流行的three.js WebGL框架一起使用的程序庫路操。Three.ar.js提供了常見的AR構建塊疾渴，例如在現(xiàn)實世界表面上繪制的可見光罩和示例場景。
調(diào)試
可以使用MacOS Safari遠程檢查和調(diào)試WebARonARKit中的頁面屯仗，但這需要MacOS Safari 11.0（作為Safari Technology Preview提供）或更高版本搞坝。你可以從https://developer.apple.com/safari/technology-preview/下載MacOS Safari 11 。
Step 4:WebARonARKit如何工作
WebARonARKit建立在以下基礎上：
1. WKWebView：WKWebView是一個iOS類魁袜，使開發(fā)人員可以將Web視圖嵌入其本機應用程序中桩撮，并通過自定義API向網(wǎng)絡內(nèi)容公開本機設備功能。在我們的案例中峰弹，我們使用WKWebView將ARKit功能公開給Web內(nèi)容店量。諸如Cordova之類的本機/ Web應用程序框架使用類似的方法。
2. WebVR API的擴展：WebVR API（v1.1）為我們提供了AR所需的大部分功能鞠呈。然后融师，我們對其進行擴展以添加其他一些要點：運動跟蹤，相機視頻饋送的渲染以及對現(xiàn)實世界的基本了解粟按。
詳細信息參考：
https://github.com/google-ar/WebARonARKit
