fbpx

使用 React 學習 Three.js:建立一個 3D 特斯拉工作坊

使用 React 的 Three.js 完整課程:讓 Three.js 變得簡單而有趣

報名參加課程更新 coupon code

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

  • 本課程中,我們將從頭開始學習Three js
  • 學習如何設定場景,並使用物件和網格對其進行操作
  • 掌握相機設定和照明,以渲染完美的場景
  • 在物體上應用材質和紋理,使其栩栩如生
  • 學習幾何圖形和網格,以建立逼真的物件
  • 透過新增控制元件和設定事件使你的 3D 網頁具有互動性
  • 建立一個完美的特斯拉汽車展廳,讓你可以向你的朋友展示

要求

課程說明

本課程向你介紹 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

報名參加課程更新 coupon code

Sponsored by Udemy


追蹤 Soft & Share

✍ 不受社群推薦演算法影響,建議 Telegram/Discord/e-mail

幫我們個小忙!

Comments are closed.

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: