無解壓密碼，無播放密碼，直接打開就行(包含視頻和課件源碼)

鏈接: https://pan.baidu.com/s/1KZJhNgvqKSj4K8eoj3gifQ?pwd=4s5g 提取碼: 4s5g

適用人群

1.?想掌握Web前端高薪技能：3D可視化，差異化競爭
2.?已有一定web3d經(jīng)驗(yàn)，想學(xué)高階（課程中高階內(nèi)容很多）

課程概述

內(nèi)容巨多！(入門+中級+高階+案例)，全網(wǎng)除了本課程，很少有課程提供那么多高級進(jìn)階的案例或知識講解，這意味著，初學(xué)者除了入門學(xué)習(xí)，還可以長期進(jìn)階學(xué)習(xí)，已經(jīng)入門的可以拿來高級進(jìn)階。

章節(jié)1課程部分3D案例展示

課時1課程案例源碼3D效果5分鐘速覽04:18

課時2智慧城市數(shù)字孿生3D可視化01:46

課時3智慧小區(qū)(第一階段效果)01:00

課時4物聯(lián)網(wǎng)數(shù)字孿生3D可視化案例——收費(fèi)站00:31

課時5智慧工廠（初步效果，完善中）01:07

課時6產(chǎn)品720?3D展示(?轎車?手機(jī))01:58

課時7地球大屏3D可視化—飛線00:41

課時8地圖中國大屏可視化00:24

課時9機(jī)械?BIM在線預(yù)覽(源碼在課件中)00:21

章節(jié)2Web3D生態(tài)和如何學(xué)習(xí)

課時10課程面向人群07:28

課時11Web3D現(xiàn)狀以及如何學(xué)習(xí)07:32

課時12WebGL前端工程師工作、要求、待遇問題15:23

章節(jié)3【Threejs教程】1.快速入門(2023年1月新版本)

課時131.threejs文件包下載和目錄簡介06:50

課時142.學(xué)習(xí)環(huán)境—代碼編輯器和本地靜態(tài)服務(wù)器08:48

課時153.開發(fā)和學(xué)習(xí)環(huán)境，引入threejs庫17:29

課時164.第一個3D案例—創(chuàng)建3D場景12:39

課時175.第一個3D案例—透視投影相機(jī)19:03

課時186.第一個3D案例—渲染器13:36

課時197.Threejs三維坐標(biāo)系—加強(qiáng)三維空間認(rèn)識16:45

課時208.光源對物體表面影響13:14

課時219.相機(jī)控件軌道控制器OrbitControls13:45

課時2210.平行光與環(huán)境光19:04

課時2311.動畫渲染循環(huán)16:20

課時2412.Canvas畫布布局和全屏10:24

課時2513.stats查看threejs渲染幀率11:57

課時2614.陣列立方體和相機(jī)適配體驗(yàn)19:06

課時2715.Threejs常見簡單幾何體簡介09:12

課時2816.高光網(wǎng)格材質(zhì)MeshPhongMaterial10:14

課時2917.WebGL渲染器設(shè)置(鋸齒模糊、背景顏色)08:52

課時3018.gui.js庫(可視化改變?nèi)S場景)22:01

課時3119.gui.js庫(顏色、命名、步長、事件)11:48

課時3220.gui.js庫(下拉菜單、單選框)11:48

課時3321.gui.js庫(分組)10:05

課時3422.查詢案例examples和文檔(輔助開發(fā))11:06

課時3523.threejs語法總結(jié)18:06

章節(jié)4【Threejs教程】2.幾何體BufferGeometry頂點(diǎn)

課時361.幾何體頂點(diǎn)位置數(shù)據(jù)和點(diǎn)模型對象Points14:52

課時372.線模型渲染頂點(diǎn)數(shù)據(jù)06:59

課時383.網(wǎng)格模型渲染頂點(diǎn)數(shù)據(jù)(三角形概念)08:18

課時394.構(gòu)建一個矩形平面幾何體07:13

課時405.幾何體頂點(diǎn)索引數(shù)據(jù)07:56

課時416.頂點(diǎn)法線數(shù)據(jù)11:21

課時427.查看three.js自帶幾何體頂點(diǎn)結(jié)構(gòu)12:14

課時438.BufferGeometry的旋轉(zhuǎn)、縮放、平移方法08:42

章節(jié)5【Threejs教程】3.模型對象、材質(zhì)

課時441.三維向量Vector3與模型位置、縮放屬性20:21

課時452.歐拉Euler與角度屬性.rotation11:04

課時463.模型材質(zhì)顏色(Color對象)13:02

課時474.模型材質(zhì)父類Material12:10

課時485.模型材質(zhì)和幾何體屬性10:18

課時496.克隆.clone()和復(fù)制.copy()12:50

章節(jié)6【Threejs教程】4.層級模型

課時501.組對象Group、層級模型17:33

課時512.遞歸遍歷模型樹結(jié)構(gòu)、查詢模型節(jié)點(diǎn)10:36

課時523.本地坐標(biāo)和世界坐標(biāo)10:22

課時534.改變模型相對局部坐標(biāo)原點(diǎn)位置05:20

課時545.移除對象.remove()06:09

課時556.模型隱藏或顯示06:14

章節(jié)7【Threejs教程】5.幾何頂點(diǎn)UV坐標(biāo)、紋理貼圖

課時561.創(chuàng)建紋理貼圖07:52

課時572.自定義頂點(diǎn)UV坐標(biāo)08:26

課時583.圓形平面CircleGeometry設(shè)置紋理貼圖07:19

課時594.紋理對象Texture陣列(?瓷磚地面案例?)08:26

課時605.矩形Mesh加背景透明png貼圖(場景標(biāo)注)10:19

課時616.UV動畫(偏移屬性.offset)17:51

章節(jié)8【Threejs教程】6.加載外部三維模型(gltf)

課時621.建模軟件繪制3D場景(比如Blender)07:06

課時632.?GLTF格式簡介?(Web3D領(lǐng)域JPG)10:26

課時643.加載.gltf文件(模型加載全流程)27:27

課時654.OrbitControls輔助設(shè)置相機(jī)參數(shù)11:09

課時665.gltf不同文件形式(.glb、貼圖、.bin)06:43

課時676.模型命名(程序與美術(shù)協(xié)作)—層級模型節(jié)點(diǎn)選擇12:15

課時687.遞歸遍歷層級模型修改材質(zhì)08:53

課時698.外部模型材質(zhì)是否共享的問題08:42

課時709.紋理.encoding和渲染器.outputEncoding10:40

課時7110.gltf模型更換.map(紋理.flipY屬性)06:17

章節(jié)9【Threejs教程】7.PBR材質(zhì)與紋理貼圖

課時721.PBR材質(zhì)簡介08:36

課時732.PBR材質(zhì)金屬度和粗糙度(金屬效果)08:53

課時743.環(huán)境貼圖.envMap(金屬效果)13:07

課時754.環(huán)境貼圖207:49

課時765.MeshPhysicalMaterial清漆層Clearcoat13:53

課時776.物理材質(zhì)透光率.transmission08:08

課時787.三維軟件導(dǎo)出PBR材質(zhì)屬性10:02

章節(jié)10【Threejs教程】8.渲染器和前端UI交互界面

課時791.three.js?Canvas畫布布局13:06

課時802.UI交互界面與Canvas畫布疊加07:24

課時813.UI交互按鈕與3D場景交互03:33

課時824.Three.js背景透明度06:37

課時835.Three.js渲染結(jié)果保存為圖片07:41

課時846.深度沖突(模型閃爍)10:17

課時857.模型加載進(jìn)度條10:52

章節(jié)11【Threejs教程】9.生成曲線、幾何體

課時861.生成圓弧頂點(diǎn)07:34

課時872.幾何體方法.setFromPoints()07:22

課時883.曲線Curve簡介10:05

課時894.橢圓、圓07:53

課時905.樣條曲線08:10

課時916.貝塞爾曲線10:25

課時927.樣條、貝塞爾曲線應(yīng)用07:29

課時938.組合曲線CurvePath拼接不同曲線12:28

課時949.曲線路徑管道TubeGeometry08:35

課時9510.旋轉(zhuǎn)成型LatheGeometry06:58

課時9611.輪廓填充ShapeGeometry05:47

課時9712.拉伸ExtrudeGeometry12:37

課時9813.掃描ExtrudeGeometry05:25

課時9914.多邊形輪廓Shape簡介10:16

課時10015.多邊形輪廓Shape(圓弧)10:08

課時10116.多邊形Shape(內(nèi)孔.holes)05:35

課時10217.模型邊界線EdgesGeometry08:47

課時10318.幾何體頂點(diǎn)顏色數(shù)數(shù)據(jù)08:56

課時10419.一段曲線顏色漸變08:29

課時10520.Color顏色漸變插值11:26

課時10621.查看或設(shè)置gltf幾何體頂點(diǎn)09:08

課時10722.山脈地形高度可視化10:07

章節(jié)12【Threejs教程】10.相機(jī)基礎(chǔ)

課時1081.正投影相機(jī)20:43

課時1092.正投影相機(jī)-Canvas畫布尺寸變化08:38

課時1103.包圍盒Box308:38

課時1114.地圖案例(包圍盒、正投影)15:33

課時1125.相機(jī)動畫(?.position?和?.lookAt()?)09:01

課時1136.不同方向的投影視圖05:21

課時1147.相機(jī)上方向.up(旋轉(zhuǎn)渲染結(jié)果)05:38

課時1158.管道漫游案例12:37

課時1169.OrbitControls旋轉(zhuǎn)縮放限制13:41

課時11710.相機(jī)控件MapControls07:09

章節(jié)13【Threejs教程】11.光源和陰影

課時1181.聚光源SpotLight11:01

課時1192.平行光陰影計算17:07

課時1203.陰影范圍.shadow.camera15:06

課時1214.陰影像素、弱化陰影邊緣09:53

課時1225.工廠光源(環(huán)境貼圖和環(huán)境光)08:51

課時1236.工廠光源(平行光模擬太陽光)13:11

課時1247.工廠(模擬太陽光陰影)11:31

課時1258.gui輔助調(diào)節(jié)陰影范圍08:57

章節(jié)14【Threejs教程】12.精靈模型Sprite

課時1261.精靈模型對象Sprite15:53

課時1272.精靈模型標(biāo)注場景(貼圖)13:30

課時1283.Sprite模擬下雨、下雪22:19

章節(jié)15【Threejs教程】13.后期處理

課時1291.后處理(高亮發(fā)光描邊OutlinePass)12:40

課時1302.OutlinePass發(fā)光描邊樣式05:35

課時1313.Bloom發(fā)光通道07:32

課時1324.多通道組合(GlitchPass和描邊)04:05

課時1335.gltf工廠模型設(shè)置發(fā)光描邊08:30

課時1346.gltf后處理顏色異常(伽馬校正)07:20

課時1357.抗鋸齒后處理15:03

章節(jié)16【Threejs教程】14.射線拾取模型

課時1361.射線Ray20:07

課時1372.Raycaster(射線拾取模型)14:39

課時1383.屏幕坐標(biāo)轉(zhuǎn)標(biāo)準(zhǔn)設(shè)備坐標(biāo)18:00

課時1394.Raycaster(鼠標(biāo)點(diǎn)擊選中模型)09:05

課時1405.Canvas尺寸變化(射線坐標(biāo)計算)09:47

課時1416.射線拾取層級模型(發(fā)光描邊)11:57

課時1427.射線拾取Sprite控制場景04:58

章節(jié)17【Threejs教程】15.場景標(biāo)注標(biāo)簽信息

課時1431.CSS2DRenderer(HTM元素作為標(biāo)簽)23:40

課時1442.HTML標(biāo)簽遮擋Canvas畫布事件09:46

課時1453.Canvas畫布尺寸變化(HTML標(biāo)簽)09:46

課時1464.標(biāo)簽位置不同設(shè)置方式16:20

課時1475.標(biāo)簽位置(標(biāo)注工廠設(shè)備)11:01

課時1486.標(biāo)簽指示線或箭頭指向標(biāo)注點(diǎn)12:40

課時1497.鼠標(biāo)選中模型彈出標(biāo)簽(工廠案例)16:29

課時1508.單機(jī)按鈕關(guān)閉HTML標(biāo)簽07:18

課時1519.CSS3DRenderer渲染HTML標(biāo)簽22:09

課時15210.CSS3批量標(biāo)注多個標(biāo)簽12:52

課時15311.精靈模型Sprite作為標(biāo)簽08:08

課時15412.Sprite標(biāo)簽(Canvas作為貼圖)12:50

章節(jié)18【Threejs教程】16.關(guān)鍵幀動畫

課時1551.關(guān)鍵幀動畫14:45

課時1562.動畫播放(暫停、倍速、循環(huán))16:33

課時1573.動畫播放(拖動任意時間狀態(tài))11:57

課時1584.解析外部模型關(guān)鍵幀動畫13:41

課時1595.機(jī)械虛擬裝配案例(播放)11:07

課時1606.虛擬裝配(任意時間定位)08:12

課時1617.變形動畫原理17:27

課時1628.變形動畫(定制人物胖瘦)15:17

課時1639.骨骼關(guān)節(jié)Bon13:43

課時16410.查看外部模型骨骼動畫16:21

課時16511.骨骼動畫不同動作切換11:14

章節(jié)19【Threejs教程】17.動畫庫tween.js

課時1661.tweenjs創(chuàng)建threejs動畫14:25

課時1672.tweenjs相機(jī)運(yùn)動動畫11:32

課時1683.點(diǎn)按鈕,相機(jī)飛行靠近觀察設(shè)備.22:14

課時1694.點(diǎn)擊設(shè)備,相機(jī)靠近放大預(yù)覽10:41

課時1705.緩動算法.easing(地球漸入相機(jī)動畫)09:59

課時1716.模型或標(biāo)簽淡入淡出13:32