Contents
使用 React 的 Three.js 完整課程:讓 Three.js 變得簡單而有趣
從這 5 小時的課程,你會學到
- 本課程中,我們將從頭開始學習Three js
- 學習如何設定場景,並使用物件和網格對其進行操作
- 掌握相機設定和照明,以渲染完美的場景
- 在物體上應用材質和紋理,使其栩栩如生
- 學習幾何圖形和網格,以建立逼真的物件
- 透過新增控制元件和設定事件使你的 3D 網頁具有互動性
- 建立一個完美的特斯拉汽車展廳,讓你可以向你的朋友展示
要求
- React 的知識
課程說明
本課程向你介紹 three.js 的世界,以及它如何與基於 react 的 Web 應用程式整合。我們利用 react-three-fiber 來幫助你學習和建立一個支援互動 3D 物件的網站。
讓我們幫助你在建立 3D 網站方面變得有競爭力,並提高你的作品組合!
我們將教你如何設定你的 react 應用程式以及其他環境設定,以便與 react-three-fiber 連線。本課程將透過 three.js 的基本核心概念,包括場景圖、幾何、照明、材料、紋理和陰影。你將學習如何使物體互動並為你的場景新增物理學。
你將學習相機設定和照明如何工作以渲染完美的場景。將材質和紋理應用於物體,使其栩栩如生。學習幾何學和網格,以建立看起來很真實的物體。透過新增控制元件和設定事件使你的 3D Web 應用程式具有互動性。
在本課程結束時,你應該準備好你的 React 網頁和特斯拉車間的三維模型,你可以自己欣賞或與你的朋友分享。
誰應該報名參加這個課程?
本課程適用於任何有 React 或javascript基礎知識並想學習如何建立互動式3D網站的人。
目標受眾
- 對 Three JS 和 3D Web 開發感到好奇的初學者
- 對使用 Three JS 和React進行 3D 網頁開發的基礎知識感興趣的開發者
- 希望將 Three js 加入其技能組合的 Reac 開發人員
講師簡介
Pragmatic Institute 以負擔得起的價位提供最好的教育
實事求是學院是教育領域的先驅者。我們的課程橫跨各種主題,主要側重於最新的技術。我們的每一位講師都是各自領域的專家,都有成功的記錄。我們的目標是以負擔得起的價格向大眾提供優質教育。
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個✨優惠連結✨ 課程特價 | Udemy 永久擁有課程 NT330 起( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
- Three.js 相關的線上課程
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入