Threejs及TypeScript教程
Threejs及TypeScript教程
學習 Threejs、TypeScript 和 NodeJS 在網(wǎng)絡上創(chuàng)建交互式 3D 內(nèi)容
課程英文名：Three.js and TypeScrip
此視頻教程共6.0小時，中英雙語字幕，畫質(zhì)清晰無水印，源碼附件全
下載地址
百度網(wǎng)盤地址：https://pan.baidu.com/s/11fq7xpyK2GWhU4P3M1FryQ?pwd=5f0c
課程內(nèi)容
你將會學到的
通過許多演示和示例代碼學習 Threejs 的基礎知識
使用 VSCode、Git 和 NodeJS 設置開發(fā)環(huán)境
安裝 TypeScript
使用 NPM 和 package json 創(chuàng)建 Threejs 項目
了解 Webpack、NodeJS、Express 以及為瀏覽器客戶端提供 ES6 模塊。
創(chuàng)建（或可選地安裝）Threejs TypeScript 樣板以在整個課程中使用
了解 Threejs 場景、相機和渲染器
了解動畫循環(huán)
了解 Stats 和 Dat GUI 面板
了解 Object3D 基類，以及 Rotation、Position、Scale、Visibility 和 Matrix 屬性
了解幾何形狀，例如 Box、Sphere、Icosahedron、Plane、TorusKnot 等
了解 Basic、Normal、Lambert、Phong、Standard、Physical、Matcap 和其他材料
了解 SpecularMap、RoughnessMap 和 MetalnessMap 的突出顯示選項
了解凹凸貼圖和置換貼圖
了解如何使用材質(zhì)選項修改紋理和置換貼圖 UV。
了解使用環(huán)境光、定向光、半球光、點光源和聚光燈的照明。
Mipmap、自定義 Mipmap 和各向異性過濾
了解使用 Perspective 和 Orthographic 陰影相機的陰影。
了解 Orbit、Trackball 和 Pointerlock 鼠標和觸摸交互控件
了解模型加載器，例如 OBJ、MTL、GLTF、DRACO 等
導入第三方 FBX 和 glTF/glB 動畫
創(chuàng)建自定義動畫并從 Blender 導出為 glTF/glB
使用 Raycaster 以及如何使用它在場景中拾取 3D 對象，
Cannonjs 物理
Cannonjs 調(diào)試渲染器
了解用于碰撞檢測的凸多面體與復合形狀
配置、部署和啟動我們的 Threejs 項目到生產(chǎn)服務器
安裝 Nginx 代理，指向一個域名并安裝 SSL
將模塊說明符與 Webpack 與相對導入引用一起使用
還有更多非常有用的 Threejs 示例
課程內(nèi)容
1 個章節(jié)?-?78 個講座?-?總時長?9?小時?22?分鐘
介紹78 個講座?-?9 小時 23 分鐘
要求
一臺可以安裝 VSCode、Git 和 NodeJS 的計算機
渴望在 Threejs 和 TypeScript 中編寫 3D Web 應用程序
說明
歡迎來到我的 Three.js 和 Typescript 課程。
在本課程中，我們將學習有關 Three.js 的所有知識，用 TypeScript 編寫它，并使用 Webpack 和 NodeJS 編寫 HTML 客戶端和服務器組件。
該課程分為5個主要部分，
設置開發(fā)環(huán)境并安裝 TypeScript
創(chuàng)建 Three.js 樣板項目。這部分是可選的，你可以在第 3 部分中安裝一個預先構(gòu)建的樣板，但是從頭開始手動構(gòu)建它將使你對從頭開始創(chuàng)建一個新的 Three.js 項目所涉及的方面有一個很好的理解。
安裝 Threejs Course Boilerplate，以防你在第 2 部分中沒有手動創(chuàng)建它。
了解 Three.js 的所有方面，從核心到在更高級的示例中使用它并涉及其他第三方庫。
部署到生產(chǎn)。我們將研究你在 Internet 上公開托管 Threejs 項目的幾種不同選擇。
隨附文檔中提供了所有代碼，以便你可以輕松復制和粘貼，以防你不想暫停視頻并從屏幕復制。文檔鏈接位于每個視頻旁邊的資源中。
TypeScript 在我們的代碼中引入了類型安全，使其更加健壯，并為 IDE 提供了額外的工具，例如智能，我們可以使用這些工具來幫助我們更準確、更快地找到和理解可用的 Threejs 屬性和方法以及代碼。
感謝你參加我的課程，我們會在那里見到你。
肖恩
此課程面向哪些人：
有興趣學習 Threejs 的人
有興趣學習 TypeScript 的人
有興趣在網(wǎng)絡上創(chuàng)建交互式 3D 應用程序、游戲或可視化的用戶
想要充分了解 Threejs、TypeScript 和 NodeJS 以使其有用的人
