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

你必須登入才能發表留言。