fbpx

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 作品集

要求

  • 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 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


Lingoda

也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: