Web AR 開發簡介

Contents

使用 webXR、mindAR、three.js 和 tensorflow.js

從這 5 小時的課程，你會學到

獲得建構不同類型的 Web AR 應用程式的實踐經驗，包括圖像效果( Image Effects )、面部效果( Face Effects )和世界效果( World Effects )
獲得對 AR 如何在網路瀏覽器中工作的基本理解
掌握使用 WebXR、mind-ar-js 和 threejs 建構 Web AR 應用程式
學習使用 tensorflowjs 將 AR 與機器學習模型整合以建構高度互動的體驗
了解其他重要的網路 AR libraries (程式庫)，包括 AFRAME、模型查看器和商業 SDK
學習使用有效的調試( debugging )、模擬和模擬工具來加速開發
全面了解現在和不久的將來的所有網路 AR 技術，並知道何時使用什麼
為自己建構和發佈在線 AR 作品集

介紹

這是開發基於 Web 的擴增實境( Augmented Reality，AR )應用程式的最全面指南。 Web AR 之所以與眾不同，是因為它是跨平台的，不需要安裝應用程式。它們只是在常規網路瀏覽器上運行的常規網頁。

你會學到什麼

在本課程中，你將學習如何使用 MindAR 開源庫建構圖像 AR 效果和面部 AR 效果。 MindAR 是 AR.js 的繼承者，AR.js 是世界上最流行的免費使用的 AR 程式庫。
此外，你還將學習如何使用 WebXR api 建構世界 AR 效果。 WebXR 是一種原生瀏覽器 api，用於在瀏覽器上開發身臨其境的 AR 和 VR 效果。
你還將學習如何將 tensorflow.js 機器學習模型整合到 AR 應用程式中，以創建高度互動和有趣的效果。例如，使用手勢或面部表情來控制 AR 內容。
你還將開啟掌握最流行的 3D 渲染框架 three.js 的旅程。
還將涵蓋其他重要的網路 AR 技術，包括 AFRAME、模型查看器和商業 AR SDK。
除了實用的開發技能，你還將學習有關 AR 如何在瀏覽器環境中工作的理論知識。

課程結構

課程材料經過精心設計。每個講座都是高度模組化的，以提供一個單一的概念，這使你可以在將來輕鬆查找任何參考資料。所有示例源始碼都簡潔明了且解釋清楚。

作業

除了講座之外，你總共需要完成 3 項實踐作業，每種類型的追蹤效果各一項。其中一項任務是讓你為自己創建和部署一個真實的在線 AR 作品集，你可以向其他人展示。

開發技巧

將涵蓋有用的開發技巧，包括遠端調試( debugging )工具和 webcam 模擬技術。