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 作品集
要求
- HTML、javascript 和 CSS 的基礎知識
- 擁有 Android 或 iOS 設備
課程說明
介紹
這是開發基於 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 模擬技術。
目標受眾
- 網頁開發人員
- 擴增實境( AR )愛好者
- WebXR、MindAR 或 threeJS 愛好者
講師簡介
HiuKim Yuen WebAR 開發者
Kim 畢業於 McGill University 計算機科學專業,專攻機器學習。 他也是前 Google 軟體工程師。
近年來,他主要致力於基於網路的擴增實境。 他是開源網路 AR 社區的主要貢獻者,包括 AR.js 和 MindAR。
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個✨優惠連結✨ 課程特價 | Udemy 永久擁有課程 NT390 起( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- AR (擴增實境)相關線上課程
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入