无解压密码，无播放密码，直接打开就行(包含视频和课件源码)

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

适用人群

1. 想掌握Web前端高薪技能：3D可视化，差异化竞争
2. 已有一定web3d经验，想学高阶（课程中高阶内容很多）

课程概述

内容巨多！(入门+中级+高阶+案例)，全网除了本课程，很少有课程提供那么多高级进阶的案例或知识讲解，这意味着，初学者除了入门学习，还可以长期进阶学习，已经入门的可以拿来高级进阶。

章节1课程部分3D案例展示

课时1课程案例源码3D效果5分钟速览04:18

课时2智慧城市数字孪生3D可视化01:46

课时3智慧小区(第一阶段效果)01:00

课时4物联网数字孪生3D可视化案例——收费站00:31

课时5智慧工厂（初步效果，完善中）01:07

课时6产品720 3D展示( 轿车 手机)01:58

课时7地球大屏3D可视化—飞线00:41

课时8地图中国大屏可视化00:24

课时9机械 BIM在线预览(源码在课件中)00:21

章节2Web3D生态和如何学习

课时10课程面向人群07:28

课时11Web3D现状以及如何学习07:32

课时12WebGL前端工程师工作、要求、待遇问题15:23

章节3【Threejs教程】1.快速入门(2023年1月新版本)

课时131.threejs文件包下载和目录简介06:50

课时142.学习环境—代码编辑器和本地静态服务器08:48

课时153.开发和学习环境，引入threejs库17:29

课时164.第一个3D案例—创建3D场景12:39

课时175.第一个3D案例—透视投影相机19:03

课时186.第一个3D案例—渲染器13:36

课时197.Threejs三维坐标系—加强三维空间认识16:45

课时208.光源对物体表面影响13:14

课时219.相机控件轨道控制器OrbitControls13:45

课时2210.平行光与环境光19:04

课时2311.动画渲染循环16:20

课时2412.Canvas画布布局和全屏10:24

课时2513.stats查看threejs渲染帧率11:57

课时2614.阵列立方体和相机适配体验19:06

课时2715.Threejs常见简单几何体简介09:12

课时2816.高光网格材质MeshPhongMaterial10:14

课时2917.WebGL渲染器设置(锯齿模糊、背景颜色)08:52

课时3018.gui.js库(可视化改变三维场景)22:01

课时3119.gui.js库(颜色、命名、步长、事件)11:48

课时3220.gui.js库(下拉菜单、单选框)11:48

课时3321.gui.js库(分组)10:05

课时3422.查询案例examples和文档(辅助开发)11:06

课时3523.threejs语法总结18:06

章节4【Threejs教程】2.几何体BufferGeometry顶点

课时361.几何体顶点位置数据和点模型对象Points14:52

课时372.线模型渲染顶点数据06:59

课时383.网格模型渲染顶点数据(三角形概念)08:18

课时394.构建一个矩形平面几何体07:13

课时405.几何体顶点索引数据07:56

课时416.顶点法线数据11:21

课时427.查看three.js自带几何体顶点结构12:14

课时438.BufferGeometry的旋转、缩放、平移方法08:42

章节5【Threejs教程】3.模型对象、材质

课时441.三维向量Vector3与模型位置、缩放属性20:21

课时452.欧拉Euler与角度属性.rotation11:04

课时463.模型材质颜色(Color对象)13:02

课时474.模型材质父类Material12:10

课时485.模型材质和几何体属性10:18

课时496.克隆.clone()和复制.copy()12:50

章节6【Threejs教程】4.层级模型

课时501.组对象Group、层级模型17:33

课时512.递归遍历模型树结构、查询模型节点10:36

课时523.本地坐标和世界坐标10:22

课时534.改变模型相对局部坐标原点位置05:20

课时545.移除对象.remove()06:09

课时556.模型隐藏或显示06:14

章节7【Threejs教程】5.几何顶点UV坐标、纹理贴图

课时561.创建纹理贴图07:52

课时572.自定义顶点UV坐标08:26

课时583.圆形平面CircleGeometry设置纹理贴图07:19

课时594.纹理对象Texture阵列( 瓷砖地面案例 )08:26

课时605.矩形Mesh加背景透明png贴图(场景标注)10:19

课时616.UV动画(偏移属性.offset)17:51

章节8【Threejs教程】6.加载外部三维模型(gltf)

课时621.建模软件绘制3D场景(比如Blender)07:06

课时632. GLTF格式简介 (Web3D领域JPG)10:26

课时643.加载.gltf文件(模型加载全流程)27:27

课时654.OrbitControls辅助设置相机参数11:09

课时665.gltf不同文件形式(.glb、贴图、.bin)06:43

课时676.模型命名(程序与美术协作)—层级模型节点选择12:15

课时687.递归遍历层级模型修改材质08:53

课时698.外部模型材质是否共享的问题08:42

课时709.纹理.encoding和渲染器.outputEncoding10:40

课时7110.gltf模型更换.map(纹理.flipY属性)06:17

章节9【Threejs教程】7.PBR材质与纹理贴图

课时721.PBR材质简介08:36

课时732.PBR材质金属度和粗糙度(金属效果)08:53

课时743.环境贴图.envMap(金属效果)13:07

课时754.环境贴图207:49

课时765.MeshPhysicalMaterial清漆层Clearcoat13:53

课时776.物理材质透光率.transmission08:08

课时787.三维软件导出PBR材质属性10:02

章节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渲染结果保存为图片07:41

课时846.深度冲突(模型闪烁)10:17

课时857.模型加载进度条10:52

章节11【Threejs教程】9.生成曲线、几何体

课时861.生成圆弧顶点07:34

课时872.几何体方法.setFromPoints()07:22

课时883.曲线Curve简介10:05

课时894.椭圆、圆07:53

课时905.样条曲线08:10

课时916.贝塞尔曲线10:25

课时927.样条、贝塞尔曲线应用07:29

课时938.组合曲线CurvePath拼接不同曲线12:28

课时949.曲线路径管道TubeGeometry08:35

课时9510.旋转成型LatheGeometry06:58

课时9611.轮廓填充ShapeGeometry05:47

课时9712.拉伸ExtrudeGeometry12:37

课时9813.扫描ExtrudeGeometry05:25

课时9914.多边形轮廓Shape简介10:16

课时10015.多边形轮廓Shape(圆弧)10:08

课时10116.多边形Shape(内孔.holes)05:35

课时10217.模型边界线EdgesGeometry08:47

课时10318.几何体顶点颜色数数据08:56

课时10419.一段曲线颜色渐变08:29

课时10520.Color颜色渐变插值11:26

课时10621.查看或设置gltf几何体顶点09:08

课时10722.山脉地形高度可视化10:07

章节12【Threejs教程】10.相机基础

课时1081.正投影相机20:43

课时1092.正投影相机-Canvas画布尺寸变化08:38

课时1103.包围盒Box308:38

课时1114.地图案例(包围盒、正投影)15:33

课时1125.相机动画( .position 和 .lookAt() )09:01

课时1136.不同方向的投影视图05:21

课时1147.相机上方向.up(旋转渲染结果)05:38

课时1158.管道漫游案例12:37

课时1169.OrbitControls旋转缩放限制13:41

课时11710.相机控件MapControls07:09

章节13【Threejs教程】11.光源和阴影

课时1181.聚光源SpotLight11:01

课时1192.平行光阴影计算17:07

课时1203.阴影范围.shadow.camera15:06

课时1214.阴影像素、弱化阴影边缘09:53

课时1225.工厂光源(环境贴图和环境光)08:51

课时1236.工厂光源(平行光模拟太阳光)13:11

课时1247.工厂(模拟太阳光阴影)11:31

课时1258.gui辅助调节阴影范围08:57

章节14【Threejs教程】12.精灵模型Sprite

课时1261.精灵模型对象Sprite15:53

课时1272.精灵模型标注场景(贴图)13:30

课时1283.Sprite模拟下雨、下雪22:19

章节15【Threejs教程】13.后期处理

课时1291.后处理(高亮发光描边OutlinePass)12:40

课时1302.OutlinePass发光描边样式05:35

课时1313.Bloom发光通道07:32

课时1324.多通道组合(GlitchPass和描边)04:05

课时1335.gltf工厂模型设置发光描边08:30

课时1346.gltf后处理颜色异常(伽马校正)07:20

课时1357.抗锯齿后处理15:03

章节16【Threejs教程】14.射线拾取模型

课时1361.射线Ray20:07

课时1372.Raycaster(射线拾取模型)14:39

课时1383.屏幕坐标转标准设备坐标18:00

课时1394.Raycaster(鼠标点击选中模型)09:05

课时1405.Canvas尺寸变化(射线坐标计算)09:47

课时1416.射线拾取层级模型(发光描边)11:57

课时1427.射线拾取Sprite控制场景04:58

章节17【Threejs教程】15.场景标注标签信息

课时1431.CSS2DRenderer(HTM元素作为标签)23:40

课时1442.HTML标签遮挡Canvas画布事件09:46

课时1453.Canvas画布尺寸变化(HTML标签)09:46

课时1464.标签位置不同设置方式16:20

课时1475.标签位置(标注工厂设备)11:01

课时1486.标签指示线或箭头指向标注点12:40

课时1497.鼠标选中模型弹出标签(工厂案例)16:29

课时1508.单机按钮关闭HTML标签07:18

课时1519.CSS3DRenderer渲染HTML标签22:09

课时15210.CSS3批量标注多个标签12:52

课时15311.精灵模型Sprite作为标签08:08

课时15412.Sprite标签(Canvas作为贴图)12:50

章节18【Threejs教程】16.关键帧动画

课时1551.关键帧动画14:45

课时1562.动画播放(暂停、倍速、循环)16:33

课时1573.动画播放(拖动任意时间状态)11:57

课时1584.解析外部模型关键帧动画13:41

课时1595.机械虚拟装配案例(播放)11:07

课时1606.虚拟装配(任意时间定位)08:12

课时1617.变形动画原理17:27

课时1628.变形动画(定制人物胖瘦)15:17

课时1639.骨骼关节Bon13:43

课时16410.查看外部模型骨骼动画16:21

课时16511.骨骼动画不同动作切换11:14

章节19【Threejs教程】17.动画库tween.js

课时1661.tweenjs创建threejs动画14:25

课时1672.tweenjs相机运动动画11:32

课时1683.点按钮,相机飞行靠近观察设备.22:14

课时1694.点击设备,相机靠近放大预览10:41

课时1705.缓动算法.easing(地球渐入相机动画)09:59

课时1716.模型或标签淡入淡出13:32