fbpx

Web 上的擴增實境 ( Augmented Reality )介紹:使用 WebXR 和 Three.js( 附有繁中字幕 )

Contents

學習如何編寫程式在 iOS 和 Android 上執行擴增實境 WebXR 體驗

從這 2.5 小時的課程,你會學到

  • 如何在 Web 上建立擴增實境( AR ) 的應用程式(可在瀏覽器中使用WebXR)?
  • 如何在 iOS 和 Android 裝置上執行 WebXR 應用程式
  • 使用 ThreeJS 程式設計的基礎知識,這是一個3D javascript 程式庫
  • 如何在 AR 中渲染不同類型的形狀和模型,有或沒有動畫
  • 如何在 AR 中新增觸控手勢

要求

  • 學生會發現以前的 Web 程式設計知識(javascript、css、html)會有所幫助,但除此之外,不需要有 WebXR ThreeJS的經驗。
  • 學生應該有一個 iOS 或 Android 行動裝置

課程說明

簡介

擴增實境( 簡稱 AR ) 有可能在 Web 上被大量採用,使用者不必下載應用程式或確保他們有最新的硬體。WebXR 是最新的官方網路API之一,允許開發者使用 Javascript 建立 VR 和 AR 體驗。

不要錯過成為第一批精通這項很快將遍佈 Web 的技術的開發者之一。在不到一個小時的時間裡,你就可以在 Web 上建立你自己的AR體驗了!

更新 (04/21)

  • 關於AR互動的新章節
  • 四個新的命題測試影片
  • 如果你想知道這個課程的擴充套件,包括一些更高階的主題,請訪問webxracademy dot com。

更新 (03/21)

  • 英文封閉式字幕已被手動轉錄,品質很高。
  • 字幕有西班牙語、法語、義大利語、波蘭語、葡萄牙語、德語、簡體中文、繁體中文、韓語、印地語和土耳其語。

內容

在本課程結束時,你將知道如何在 Web 上建立簡單的擴增實境體驗的基本知識,並對如何設計和編碼 3D 體驗有基本瞭解。每節課都包括範例程式碼和外部連結案例,以支援您的學習。

具體來說,你將學會如何。

  • 使用 WebXR 在 Web 上建立基本的AR應用
  • 使用一個強大的 3D 程式庫Three.js,該程式庫被網路上的數百萬個應用程式使用
  • 在AR中載入和顯示3D物件和模型
  • 為物體和模型製作動畫
  • 在AR中定位和旋轉
  • 與不同類型的3D模型一起工作
  • 使用觸控手勢來提供互動性
  • 將任何 Three.js 應用程式轉換成 AR 應用程式
  • 在您的桌面、iOS或Android裝置上測試 WebXR 體驗

前提條件

雖然你會發現有一些以前的 Javascript 和 Web 程式設計知識是很有用的,但由於編碼環境很簡單,而且程式碼範例中設定了許多註解和解釋,所以絕對的初學者也可以跟上這個課程。如果你對3D環境、擴增實境、Three.js或 WebXR 一無所知,那麼這門課就適合你。

雖然你可以使用任何桌面電腦製作 WebXR 的原型,但要模擬真正的行動 AR,你要有一個支援 ARKit 的iOS裝置(2017年後的大多數手機或iPad)或一個支援 ARCore 的Android裝置(2016年後的大多數手機)。

目標受眾

  • Web 程式設計師
  • 前端開發人員
  • AR或3D愛好者
  • WebXR 或 ThreeJS 的愛好者
  • 有興趣瞭解 Web 擴增實境尖端世界的人

講師簡介

WebXR Academy 專門從事 Web 擴增實境的程式設計學校

我們是一家程式設計學校,專門研究 Web 擴增實境這一令人興奮的新技術。沒有更多的下載應用程式或繁瑣的Swift或Java編碼,只需在Javascript、HTML和CSS中建立你的AR應用程式,並使其無痛地提供給世界各地的數百萬人。

字幕:繁中, 簡中, 英文

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境?LN+ for Web 已經針對 ChatGPT 的整合做最佳化


🙌 讓 Notion AI 成為你線上學習的得力助手,詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結


  • 點選這個優惠連結 課程特價 | Udemy 永久擁有課程 NT370 起( 請登入 Udemy|按過“優惠連結”後到”報名參加課程“連結網頁做更新 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


也許你會有興趣

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

Comments are closed.

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: