了解使用 Three JS 和 React 建立沉浸式創意網站所需的一切
從這 12.5 小時的課程，你會學到
- 如何安裝 ThreeJs library 並將其匯入到你的專案中
- 透過大量演示和範例程式碼了解 ThreeJs 的基礎知識
- 了解 ThreeJs 場景、相機和渲染器
- 在 ThreeJs 中創建我們的第一個場景
- 如何移動物件並為其設定動畫
- 了解 Webpack、NodeJs 以及為瀏覽器用戶端提供 ES6 模組。
- 了解長方體、球體、平面、環面、環面結等幾何形狀
- 了解Basic、Normal、Lambert、Phong、Standard、Matcap等材質
- 我們還將學習如何使用粒子創建令人驚嘆的場景
- 學習 React 基礎知識和 hooks，例如 useState、useEffect、useRef 等。
- 了解 JSX 的意思
- 你還將了解 React 規則、樣式等。
- 將把我們迄今為止在原生 Threejs 中所做的一切帶到 React Three Fiber 下的 React 環境中
- 許多 Drei 組件將被涵蓋
- 了解如何在滾動時為事物設定動畫
- 如何在專案中加入聲音
- 著色器材質
- 我們將學習一個名為 React Spring 的動畫庫
- React 後處理
- 還有更多。 。 。
要求
- 可以安裝 VSCode 或任何程式碼編輯器的設備
- 基本的 JavaScript 知識，你應該熟悉 let、const、迴圈、陣列、函數
- 最重要的兩件事是要有耐心（請耐心等待），以及有建立 3D Web 應用程式的願望
課程說明
歡迎來到我的 React Three Fiber 課程，你將學習如何使用 Three.js 和 React 建立沉浸式創意 3D 網站
在本課程中，你將學習有關 Three.js 的所有內容和一些 React 基礎知識，以便你能夠在名為 React Three Fiber 的庫下建立 3D 網站
本課程分為 6 個主要部分，
- Three.js Refresher：將回顧我的 Three.js 課程中的一些課程，以便你可以理解稍後將解釋的內容
- React：將解釋一些React基礎知識，因為本課程主要是編寫React程式碼
- React Three Fiber：這是實際課程開始的地方，你將學習如何編寫 Three.js 並將其與 React 結合起來
- React Three Drei：React 是關於建立可重複使用元件的，我們將介紹 Drei 擁有的許多元件
- React Spring：我們將學習一個基於實體的動畫庫，讓你的網站看起來更好
- React 後處理：後處理是為場景增添美感的濾鏡
所有程式碼都在資源資料夾中提供，你可以在其中找到 Startup 資料夾，這是課程開始時的程式碼，以及 Last Code 資料夾，這是我們完成課程後編寫的程式碼。
如果你遇到有關特定課程的任何問題，我希望你在問題部分提出問題，我會回答所有問題，所以不要害怕提出任何問題
感謝你參加我的課程，我們到時見。
Ahmad
目標受眾
- 想要了解 ThreeJs 和 React Three Fiber 的初級 Web 開發人員
- 想要了解 ThreeJs 和 React Three Fiber 概念的前端開發人員
- 想要創建沉浸式創意 3D 網站的 Web 開發人員
講師簡介
Ahmad Al-shurafa 高階前端開發人員
你好，我是 Ahmad，我獲得了電腦工程碩士學位，我也是前端 Web 開發人員，曾在公司中專業為客戶工作，並且作為自由工作者，我已經教學了 7 年，開始我的教學是傳統教學，現在我決定開始一個新的、愉快的旅程，那就是透過網路教學，我希望你能從我提供的課程中受益
字幕：英文
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- Udemy 永久擁有課程 許多課程約 NT400(點擊連結看更多)
- ✨年訂閱每月 NT350(再享特別優惠：年度訂閱首年享 25% 折扣) 🌈 悠遊 Udemy 的 26000+ 門課，最大化學習 ( 原價 NT635/月 )
- Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- ＄代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
- Three.js 相關線上課程
- React 相關線上課程
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣！
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
發表迴響