Three.js/WebGL系统课程3D可视化(郭隆邦老师的)

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

链接: 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