Three.js可视化系统课程WebGL

《Three.js可视化系统课程 WebGL》是网易云课堂推出的一套面向前端开发者、WebGL 初学者以及三维可视化开发人员的实战课程。课程以 Three.js 为核心开发框架，结合 WebGL 图形渲染技术，系统讲解三维场景搭建、模型加载、动画交互、光照材质、粒子特效以及可视化项目开发等内容，帮助学员快速掌握 Web 端三维开发的核心技能。

课程从 Three.js 的基础知识开始，详细介绍场景（Scene）、相机（Camera）、渲染器（Renderer）三大核心对象的创建与使用，让学员理解 Three.js 的整体运行机制。随后深入讲解几何体（Geometry）、网格模型（Mesh）、材质（Material）、纹理（Texture）等常用对象，并通过大量案例演示各种三维模型的构建方法。

在进阶部分，课程重点介绍光照系统，包括环境光、平行光、点光源、聚光灯等不同类型光源的应用，以及阴影、雾效、天空盒、HDR 环境贴图等高级渲染技巧。同时还讲解 OrbitControls 控制器、射线检测（Raycaster）、鼠标拾取、对象交互等功能，实现更加丰富的三维交互体验。

为了满足实际项目需求，课程还涵盖 GLTF、FBX 等主流三维模型格式的加载与优化，介绍 Blender 等建模工具导出的模型在 Three.js 中的使用方法，并讲解模型动画、骨骼动画、关键帧动画等内容。此外，还包括粒子系统、着色器（Shader）基础、后期处理（Post Processing）、性能优化等高级知识，帮助开发大型三维可视化应用。

课程采用理论结合项目实战的教学方式，通过构建三维数据大屏、智慧城市、数字园区、工业监控、设备可视化、地图可视化等真实案例，让学员掌握完整的项目开发流程，包括场景规划、资源管理、动画设计、数据联动和交互实现。

完成本课程学习后，学员能够独立开发基于 Three.js 的三维网站、数据可视化平台、数字孪生系统、产品展示页面以及 WebGL 交互应用，为进一步学习 WebGPU、Cesium、Babylon.js 或数字孪生开发奠定坚实基础。课程内容覆盖面广、实践性强，既适合希望进入三维前端开发领域的初学者，也适合希望提升项目实战能力的前端工程师和可视化开发人员。

课程截图：

课程目录：

Three(1).js可视化系统课程WebGL/
│ ├── 2.资料/
│ │ ├── 2.threejs从入门到精通(旧版本，新版本查看文件1)/
│ │ │ ├── 1.Threejs视频教程源码（章节1-15）/
│ │ │ │ ├── Three.js视频教程_65节源码.zip (75.48 MB)
│ │ │ │ ├── threejs视频教程课件.xmind (2.93 MB)
│ │ │ │ └── three.js-master.rar (231.77 MB)
│ │ │ ├── 2.Threejs高级进阶源码（章节16-18）/
│ │ │ │ └── Threejs高级进阶案例源码.zip (25.07 MB)
│ │ │ ├── 3.three.js实战常用技能（章节19-30）/
│ │ │ │ ├── 补充章节的源码/
│ │ │ │ │ └── 30.threejs工程化开发(Web前端 Vuejs).zip (0.40 MB)
│ │ │ │ └── 2.Three.js教程—实战常用技巧部分.zip (275.08 MB)
│ │ │ └── 2.threejs从入门到精通(旧版本，新版本查看文件1)资料.png (0.48 MB)
│ │ ├── 4.所有案例/
│ │ │ ├── 地球Web3D可视化(WebGL Three.js)/
│ │ │ │ ├── 飞线大屏可视化（ vue + echarts + threejs ）.zip (1.22 MB)
│ │ │ │ └── 地球Web3D可视化(WebGL Three.js).zip (597.96 MB)
│ │ │ ├── 产品720 Web3D展示(WebGL Three.js)/
│ │ │ │ ├── 产品720 Web3D展示(WebGL Three.js) 源码.zip (584.36 MB)
│ │ │ │ └── 补充内容.zip (636.73 MB)
│ │ │ ├── 粮仓Web3D可视化/
│ │ │ │ └── 物联网Web3D可视化(Three.js WebGL).zip (499.05 MB)
│ │ │ ├── Three.js智慧城市3D可视化/
│ │ │ │ └── Three.js智慧城市Web3D可视化.zip (749.97 MB)
│ │ │ ├── 地图Web3D可视化(WebGL Three.js)/
│ │ │ │ └── 地图Web3D可视化(WebGL Three.js).zip (570.26 MB)
│ │ │ └── 4.所有案例文档.zip (1.83 MB)
│ │ ├── 1.Threejs视频教程(2023新版本)/
│ │ │ ├── 1-17章 Three.js视频教程源码.zip (669.42 MB)
│ │ │ ├── 说明-必看.md (0.00 MB)
│ │ │ └── three.js-r148.zip (322.21 MB)
│ │ ├── 5.非视频—纯源码模板教程(vue+threejs的案例)/
│ │ │ ├── 机械模型在线预览/
│ │ │ │ └── 机械装配体模型查看预览.zip (30.64 MB)
│ │ │ ├── 收费站案例/
│ │ │ │ └── Three.js物联网数字孪生——收费站案例.zip (15.32 MB)
│ │ │ └── xiaoqu.zip (61.14 MB)
│ │ ├── threejs进阶/
│ │ │ ├── 章节1~5.rar (77.17 MB)
│ │ │ └── Threejs进阶教程.rar (323.90 MB)
│ │ ├── 3.原生WebGL/
│ │ │ └── WebGL视频教程源码.zip (1.07 MB)
│ │ ├── 6.WebGPU教程/
│ │ │ └── WebGPU视频教程.rar (3.08 MB)
│ │ └── 2.资料文档.png (0.48 MB)
│ └── 1.视频/
│ │ ├── 21-1. 数学几何计算基础(向量)/
│ │ │ ├── 21-1. 数学几何计算基础(向量)说明.zip (1.83 MB)
│ │ │ ├── 182-4.向量方向(归一化.normalize).mp4 (66.39 MB)
│ │ │ ├── 184-6.箭头ArrowHelper.mp4 (53.55 MB)
│ │ │ ├── 181-3.向量大小(Vector3长度.length()).mp4 (96.26 MB)
│ │ │ ├── 180-2.三维向量Vector3简介.mp4 (63.07 MB)
│ │ │ ├── 179-1.threejs坐标系与三角函数.mp4 (44.54 MB)
│ │ │ └── 183-5.相机沿着视线方向运动.mp4 (122.62 MB)
│ │ ├── 25-5. 矩阵基础/
│ │ │ ├── 25-5. 矩阵基础文档.zip (1.83 MB)
│ │ │ ├── 209-5.模型本地矩阵、世界矩阵.mp4 (50.42 MB)
│ │ │ ├── 205-1.数学基础(平移、旋转、缩放矩阵).mp4 (39.80 MB)
│ │ │ ├── 208-4.矩阵乘法multiply.mp4 (34.37 MB)
│ │ │ ├── 207-3.Three.js矩阵Matrix4.mp4 (48.68 MB)
│ │ │ ├── 210-6.视图矩阵、投影矩阵.mp4 (105.05 MB)
│ │ │ └── 206-2.模型矩阵.mp4 (42.06 MB)
│ │ ├── 17-15.场景标注标签信息/
│ │ │ ├── 17-15.场景标注标签信息必看.png (0.48 MB)
│ │ │ ├── 152-8.单机按钮关闭HTML标签.mp4 (45.87 MB)
│ │ │ ├── 150-6.标签指示线或箭头指向标注点.mp4 (70.72 MB)
│ │ │ ├── 146-2.HTML标签遮挡Canvas画布事件.mp4 (37.84 MB)
│ │ │ ├── 149-5.标签位置(标注工厂设备).mp4 (69.91 MB)
│ │ │ ├── 147-3.Canvas画布尺寸变化(HTML标签).mp4 (41.71 MB)
│ │ │ ├── 156-12.Sprite标签(Canvas作为贴图).mp4 (65.64 MB)
│ │ │ ├── 153-9.CSS3DRenderer渲染HTML标签.mp4 (86.69 MB)
│ │ │ ├── 151-7.鼠标选中模型弹出标签(工厂案例).mp4 (85.34 MB)
│ │ │ ├── 145-1.CSS2DRenderer(HTM元素作为标签).mp4 (89.99 MB)
│ │ │ ├── 155-11.精灵模型Sprite作为标签.mp4 (47.84 MB)
│ │ │ ├── 154-10.CSS3批量标注多个标签.mp4 (72.41 MB)
│ │ │ └── 148-4.标签位置不同设置方式.mp4 (56.55 MB)
│ │ ├── 12-10.相机基础/
│ │ │ ├── 12-10.相机基础必看.png (0.48 MB)
│ │ │ ├── 119-10.相机控件MapControls.mp4 (40.89 MB)
│ │ │ ├── 116-7.相机上方向.up(旋转渲染结果).mp4 (18.45 MB)
│ │ │ ├── 110-1.正投影相机.mp4 (98.91 MB)
│ │ │ ├── 117-8.管道漫游案例.mp4 (78.95 MB)
│ │ │ ├── 115-6.不同方向的投影视图.mp4 (16.95 MB)
│ │ │ ├── 111-2.正投影相机-Canvas画布尺寸变化.mp4 (39.17 MB)
│ │ │ ├── 114-5.相机动画( .position 和 .lookAt() ).mp4 (162.41 MB)
│ │ │ ├── 118-9.OrbitControls旋转缩放限制.mp4 (111.24 MB)
│ │ │ ├── 113-4.地图案例(包围盒、正投影).mp4 (58.50 MB)
│ │ │ └── 112-3.包围盒Box3.mp4 (26.19 MB)
│ │ ├── 19-17.动画库tween.js/
│ │ │ ├── 19-17.动画库tween.js文档.zip (1.83 MB)
│ │ │ ├── 170-3.点按钮,相机飞行靠近观察设备..mp4 (157.59 MB)
│ │ │ ├── 173-6.模型或标签淡入淡出.mp4 (62.08 MB)
│ │ │ ├── 169-2.tweenjs相机运动动画.mp4 (65.01 MB)
│ │ │ ├── 172-5.缓动算法.easing(地球渐入相机动画).mp4 (44.14 MB)
│ │ │ ├── 171-4.点击设备,相机靠近放大预览.mp4 (89.31 MB)
│ │ │ └── 168-1.tweenjs创建threejs动画.mp4 (46.30 MB)
│ │ ├── 35-1.threejs Shader基础语法/
│ │ │ ├── 35-1.threejs Shader基础语法文档.zip (1.83 MB)
│ │ │ ├── 350-3.ShaderMaterial着色器材质.mp4 (107.09 MB)
│ │ │ ├── 352-5.uniform变量传值.mp4 (31.69 MB)
│ │ │ ├── 355-8.顶点颜色varying插值计算.mp4 (36.83 MB)
│ │ │ ├── 348-1.学前说明.mp4 (28.79 MB)
│ │ │ ├── 356-9.顶点位置插值(实现渐变色).mp4 (63.74 MB)
│ │ │ ├── 354-7.片元屏幕坐标fragCoord.xy.mp4 (33.05 MB)
│ │ │ ├── 351-4.ShaderMaterial半透明、双面显示.mp4 (20.74 MB)
│ │ │ ├── 357-10.颜色贴图map(顶点UV坐标).mp4 (47.89 MB)
│ │ │ ├── 349-2.着色器GLSL ES语言(复习WebGL中内容).mp4 (34.08 MB)
│ │ │ ├── 358-11.shader模仿点材质效果.mp4 (44.11 MB)
│ │ │ ├── 359-12.attribute自定义顶点变量.mp4 (26.86 MB)
│ │ │ └── 353-6.WebGL渲染管线.mp4 (48.78 MB)
│ │ ├── 38-案例——大屏3D地球可视化/
│ │ │ ├── 38-案例——大屏3D地球可视化资料.png (0.48 MB)
│ │ │ ├── 419-3.7.精灵模型Sprite设置地球光圈.mp4 (34.25 MB)
│ │ │ ├── 452-7.10.练习—解析数据绘制地球飞线效果.mp4 (117.35 MB)
│ │ │ ├── 420-3.8.所有国家边界线合并为一个.mp4 (110.28 MB)
│ │ │ ├── 454-7.12.棱锥标注飞线起点.mp4 (63.28 MB)
│ │ │ ├── 424-4.1.矩形平面Mesh标注球面某地.mp4 (62.42 MB)
│ │ │ ├── 434-5.3.三角剖分.mp4 (60.05 MB)
│ │ │ ├── 432-5.1.整体思路( 生成每个国家的球面Mesh ).mp4 (37.66 MB)
│ │ │ ├── 412-2.4.通过纹理贴图渲染一个地球效果.mp4 (32.67 MB)
│ │ │ ├── 439-6.1.柱子可视化国家GDP.mp4 (83.99 MB)
│ │ │ ├── 450-7.8.shader实现小蝌蚪状飞线.mp4 (110.23 MB)
│ │ │ ├── 407-1.1.课程完成案例展示.mp4 (71.26 MB)
│ │ │ ├── 414-3.2.经纬度坐标转球面坐标推理.mp4 (41.88 MB)
│ │ │ ├── 416-3.4.解析world.json绘制所有国家轮廓Mesh.mp4 (21.15 MB)
│ │ │ ├── 453-7.11.飞线起始点标注和波动光圈.mp4 (39.70 MB)
│ │ │ ├── 428-4.5.热点波动光圈-标注新闻热点.mp4 (58.70 MB)
│ │ │ ├── 421-3.9密集点数据可视化.mp4 (61.23 MB)
│ │ │ ├── 417-3.5.解析world.json程序生成纹理贴图.mp4 (42.18 MB)
│ │ │ ├── 431-4.8.射线拾取新闻热点模型对象.mp4 (215.00 MB)
│ │ │ ├── 423-3.11.轨迹线可视化.mp4 (313.93 MB)
│ │ │ ├── 438-5.7.地球陆地网格点阵特效.mp4 (242.99 MB)
│ │ │ ├── 415-3.3.解析world.json绘制所有国家边界线.mp4 (165.39 MB)
│ │ │ ├── 446-7.4.平面上三点确定一条圆弧.mp4 (59.56 MB)
│ │ │ ├── 429-4.6.光柱、光柱底座、波动光圈合成一个.mp4 (158.93 MB)
│ │ │ ├── 449-7.7.轨迹线上提取一段作为飞线.mp4 (78.05 MB)
│ │ │ ├── 427-4.4.地球新闻热点标注光柱.mp4 (36.69 MB)
│ │ │ ├── 409-2.1.Three.js下载并使用.mp4 (33.33 MB)
│ │ │ ├── 418-3.6.球面上渲染国家边界线.mp4 (42.02 MB)
│ │ │ ├── 443-7.1.球面上两点轨迹线绘制思路.mp4 (64.62 MB)
│ │ │ ├── 444-7.2.轨迹线实现方式—贝赛尔曲线.mp4 (163.35 MB)
│ │ │ ├── 442-6.4.世界人口密度层次感—顶点颜色.mp4 (88.50 MB)
│ │ │ ├── 447-7.5.3D空间中三点确定一条圆弧飞线轨迹.mp4 (54.18 MB)
│ │ │ ├── 426-4.3.光柱效果.mp4 (70.41 MB)
│ │ │ ├── 448-7.6.解析经纬度坐标数据绘制轨迹线.mp4 (59.19 MB)
│ │ │ ├── 413-3.1.地球经纬度和球面坐标.mp4 (20.25 MB)
│ │ │ ├── 411-2.3.渲染循环、OrbitControls、AxesHelper..mp4 (34.71 MB)
│ │ │ ├── 422-3.10.密集点数据可视化—颜色插值明暗变化.mp4 (51.28 MB)
│ │ │ ├── 441-6.3.世界人口密度—渲染所有柱子.mp4 (293.14 MB)
│ │ │ ├── 433-5.2.多边形轮廓内生成等间距网格点.mp4 (45.34 MB)
│ │ │ ├── 410-2.2.一个最小Three.js代码.mp4 (95.90 MB)
│ │ │ ├── 451-7.9.圆弧轨迹-使用圆弧绘制绘制飞线.mp4 (60.49 MB)
│ │ │ ├── 425-4.2.平面Mesh标注新闻热点和机场.mp4 (33.00 MB)
│ │ │ ├── 430-4.7.光柱高度、颜色和新闻热度相关.mp4 (43.52 MB)
│ │ │ ├── 445-7.3.圆弧线ArcCurve介绍(绘制一条圆弧轨迹线).mp4 (36.95 MB)
│ │ │ ├── 437-5.6.各个国家GDP可视化(Mesh颜色深浅不同).mp4 (56.87 MB)
│ │ │ ├── 406-1.1.地球大屏数据可视化效果.mp4 (35.12 MB)
│ │ │ ├── 440-6.2.世界人口密度可视化-柱子姿态.mp4 (90.55 MB)
│ │ │ ├── 408-1.2.学习安排.mp4 (25.38 MB)
│ │ │ ├── 435-5.4.三角剖分绘制每个国家球面Mesh.mp4 (86.55 MB)
│ │ │ └── 436-5.5.射线拾取国家Mesh，弹出国家名称HTML标签.mp4 (59.65 MB)
│ │ ├── 20-Blender基础操作/
│ │ │ ├── 20-Blender基础操作必看.png (0.48 MB)
│ │ │ ├── 177-4.编辑、保存网格模型.mp4 (37.58 MB)
│ │ │ ├── 175-2.Blender下载、安装、中文界面.mp4 (6.66 MB)
│ │ │ ├── 176-3.基本操作：旋转、缩放、平移.mp4 (26.28 MB)
│ │ │ ├── 174-1.Web3D可视化3D建模.mp4 (27.07 MB)
│ │ │ └── 178-5.Blender导出gltf(美术与程序员协作).mp4 (37.64 MB)
│ │ ├── 32-案例—产品720展示（轿车、手机）/
│ │ │ ├── 274-2.3.Blender或3dmax导出gltf格式模型.mp4 (29.53 MB)
│ │ │ ├── 288-3.7.Canvas画布全屏且跟随窗口变化.mp4 (32.21 MB)
│ │ │ ├── 279-2.8.threejs最小案例—相机和渲染器.mp4 (85.37 MB)
│ │ │ ├── 317-6.1.车开关门—思路和模型问题.mp4 (65.32 MB)
│ │ │ ├── 309-5.5.批量设置Mesh环境贴图.mp4 (16.78 MB)
│ │ │ ├── 284-3.3.产品展示相机参数设置注意.mp4 (102.92 MB)
│ │ │ ├── 281-2.10.产品预览旋转和缩放(相机控件OrbitControls).mp4 (70.37 MB)
│ │ │ ├── 293-4.3.一个720辅助显示的圆弧线—720符号.mp4 (33.33 MB)
│ │ │ ├── 276-2.5.Blender预览产品PBR材质的模型.mp4 (76.80 MB)
│ │ │ ├── 270-1.2.产品Web3D展示方案.mp4 (52.49 MB)
│ │ │ ├── 323-6.7.颜色变化动画.mp4 (46.17 MB)
│ │ │ ├── 278-2.7.threejs最小案例—模型和光源.mp4 (115.40 MB)
│ │ │ ├── 272-2.1.手机相关几个章节学习指南.mp4 (20.37 MB)
│ │ │ ├── 291-4.1.产品展示缩放和旋转范围约束.mp4 (46.84 MB)
│ │ │ ├── 285-3.4.环境贴图envMap.mp4 (50.83 MB)
│ │ │ ├── 318-6.2.车门开关—热点标注.mp4 (51.02 MB)
│ │ │ ├── 300-4.10.产品特定部位标注—波动光点.mp4 (28.32 MB)
│ │ │ ├── 299-4.9.产品特定部位标注—半透明叠加问题解决.mp4 (23.85 MB)
│ │ │ ├── 283-3.2.查询模型节点并设置模型PBR材质贴图.mp4 (64.17 MB)
│ │ │ ├── 319-6.3.车门开关—射线拾取，打开或关门车门.mp4 (35.71 MB)
│ │ │ ├── 307-5.3.加载车gltf模型2—材质和贴图.mp4 (36.92 MB)
│ │ │ ├── 275-2.4.三维软件导出产品模型注意.mp4 (52.30 MB)
│ │ │ ├── 292-4.2.一个720辅助显示的圆弧线—圆弧线.mp4 (51.41 MB)
│ │ │ ├── 311-5.7.设置后视镜效果.mp4 (37.73 MB)
│ │ │ ├── 320-6.4.tweenjs库设置开关门动画.mp4 (48.88 MB)
│ │ │ ├── 298-4.8.产品特定部位标注—光点.mp4 (50.14 MB)
│ │ │ ├── 302-4.12.HTML 3D标签标注相机热点.mp4 (38.36 MB)
│ │ │ ├── 322-6.6.颜色款式选择.mp4 (31.05 MB)
│ │ │ ├── 315-5.11.设置雾化效果.mp4 (28.06 MB)
│ │ │ ├── 301-4.11.HTML 2D标签标注相机热点.mp4 (78.21 MB)
│ │ │ ├── 316-5.12.约束相机控件的旋转、缩放和平移.mp4 (91.39 MB)
│ │ │ ├── 313-5.9.代码创建一个地面.mp4 (58.74 MB)
│ │ │ ├── 271-1.3.学习安排.mp4 (61.71 MB)
│ │ │ ├── 310-5.6.MeshStandardMaterial金属度和粗糙度了解.mp4 (66.41 MB)
│ │ │ ├── 294-4.4.UI按钮暂停手机旋转动画.mp4 (56.32 MB)
│ │ │ ├── 277-2.6.Three.js下载R125版本并使用.mp4 (52.70 MB)
│ │ │ ├── 280-2.9.渲染循环(设置产品旋转预览动画).mp4 (39.17 MB)
│ │ │ ├── 326-10.车前灯开关模拟.mp4 (76.20 MB)
│ │ │ ├── 325-6.9.旋转动画开启或关闭.mp4 (22.30 MB)
│ │ │ ├── 282-3.1.three.js加载gltf模型.mp4 (62.23 MB)
│ │ │ ├── 286-3.5.调试场景光源参数.mp4 (59.44 MB)
│ │ │ ├── 312-5.8.MeshPhysicalMaterial(车外壳、车玻璃).mp4 (56.51 MB)
│ │ │ ├── 304-4.14.点击热点弹出HTML信息标签.mp4 (46.78 MB)
│ │ │ ├── 295-4.5.前端UI按钮切换颜色贴图.mp4 (52.07 MB)
│ │ │ ├── 296-4.6.练习例子—canvas局部布局UI按钮切换颜色贴图.mp4 (28.29 MB)
│ │ │ ├── 269-1.1.课程效果展示.mp4 (34.67 MB)
│ │ │ ├── 297-4.7.颜色贴图.map切换动画.mp4 (40.39 MB)
│ │ │ ├── 306-5.2.加载车gltf模型1—模型和相机.mp4 (80.59 MB)
│ │ │ ├── 305-5.1.轿车3D模型基本情况简介.mp4 (44.23 MB)
│ │ │ ├── 303-4.13.射线拾取标注热点—弹出信息.mp4 (78.78 MB)
│ │ │ ├── 314-5.10.代码创建一个隧道.mp4 (52.39 MB)
│ │ │ ├── 324-6.8.背景音乐设置.mp4 (23.00 MB)
│ │ │ ├── 308-5.4.gltf加载颜色空间和颜色失真问题.mp4 (66.60 MB)
│ │ │ ├── 289-3.8.three.js代码模块化.mp4 (28.52 MB)
│ │ │ ├── 287-3.6.手机产品旋转动画控制.mp4 (49.28 MB)
│ │ │ ├── 321-6.5.车门开关—开关门声音.mp4 (28.99 MB)
│ │ │ ├── 273-2.2.绘制产品三维模型—手机.mp4 (34.21 MB)
│ │ │ └── 290-3.9.gui辅助调节光源强度、位置、受环境光影响程.mp4 (76.20 MB)
│ │ ├── 40-案例—智慧城市/
│ │ │ ├── 724-3.2.围墙透明度渐变发光shader-自定义高度相关.mp4 (53.12 MB)
│ │ │ ├── 712-1.2.技术方向和方案问题(选看).mp4 (33.55 MB)
│ │ │ ├── 716-2.3.加载blender导出的城市gltf模型.mp4 (57.44 MB)
│ │ │ ├── 739-6.1.地面波动光圈.mp4 (30.77 MB)
│ │ │ ├── 737-5.1.城市场景插入飞行的无人机.mp4 (60.54 MB)
│ │ │ ├── 731-4.1.建筑随着高度颜色渐变shader.mp4 (53.67 MB)
│ │ │ ├── 753-8.1.与前端结合工程化开发.mp4 (61.76 MB)
│ │ │ ├── 747-6.9.火焰序列帧动画.mp4 (20.85 MB)
│ │ │ ├── 726-3.4.围墙geometry UV坐标生成.mp4 (27.50 MB)
│ │ │ ├── 721-2.8.ExtrudeGeometry批量渲染建筑物.mp4 (73.41 MB)
│ │ │ ├── 749-6.11.地铁公路流线shader.mp4 (24.20 MB)
│ │ │ ├── 734-4.4.模型线框.mp4 (60.49 MB)
│ │ │ ├── 711-1.1智慧城市案例.mp4 (100.50 MB)
│ │ │ ├── 742-6.4.圆柱透明渐变波动效果.mp4 (28.54 MB)
│ │ │ ├── 728-3.6.围墙水平方向流光.mp4 (33.08 MB)
│ │ │ ├── 727-3.5.围墙流动效果—texture动画.mp4 (29.97 MB)
│ │ │ ├── 717-2.4.访问加载场景的某些或某个模型设置材质.mp4 (41.18 MB)
│ │ │ ├── 754-9.1.城市3D场景和大屏可视化图表结合.mp4 (66.81 MB)
│ │ │ ├── 725-3.3.围墙透明度渐变发光shader – 使用position控.mp4 (34.99 MB)
│ │ │ ├── 740-6.2.旋转棱锥.mp4 (21.07 MB)
│ │ │ ├── 729-3.7.外部模型或threejs自带几何体流光效果.mp4 (15.62 MB)
│ │ │ ├── 730-3.8.自定义ShapeGeometry的UV坐标，设置水面纹理.mp4 (90.40 MB)
│ │ │ ├── 715-2.2.城市3D场景构建思路和数据问题.mp4 (65.55 MB)
│ │ │ ├── 732-4.2.建筑物雾化效果.mp4 (38.06 MB)
│ │ │ ├── 714-2.1.开发环境和threejs基本代码.mp4 (30.92 MB)
│ │ │ ├── 748-6.10.信号飞线shader.mp4 (45.10 MB)
│ │ │ ├── 744-6.6.扫描雷达效果.mp4 (25.65 MB)
│ │ │ ├── 752-7.3.draco压缩模型.mp4 (27.43 MB)
│ │ │ ├── 746-6.8.HTML标签标注无人机和建筑物.mp4 (73.43 MB)
│ │ │ ├── 722-2.9.代码生成的模型导出gltf格式.mp4 (40.10 MB)
│ │ │ ├── 743-6..5.透明度径向渐变球shader.mp4 (46.97 MB)
│ │ │ ├── 736-4.6.建筑场景扫描光环shader.mp4 (27.45 MB)
│ │ │ ├── 713-1.3.学习安排(必看).mp4 (22.30 MB)
│ │ │ ├── 720-2.7.经纬度转墨卡托坐标.mp4 (69.45 MB)
│ │ │ ├── 741-6.3.棱锥透明度渐变.mp4 (23.27 MB)
│ │ │ ├── 718-2.5.ShapeGeometry解析城市几何数据.mp4 (55.76 MB)
│ │ │ ├── 745-6.7.信号波动画.mp4 (28.84 MB)
│ │ │ ├── 738-5.2.线模型绘制轨迹线.mp4 (23.94 MB)
│ │ │ ├── 750-7.1.渲染帧率测试.mp4 (36.40 MB)
│ │ │ ├── 733-4.3.点阵模拟地面.mp4 (37.09 MB)
│ │ │ ├── 719-2.6.ShapeGeometry批量渲染建筑物平面图.mp4 (38.60 MB)
│ │ │ ├── 735-4.5.建筑场景扫描光带shader.mp4 (63.28 MB)
│ │ │ ├── 751-7.2.几何体合并.mp4 (51.74 MB)
│ │ │ └── 723-3.1.根据多边形轮廓坐标构建围墙geometry.mp4 (45.35 MB)
│ │ ├── 36-2. onBeforeCompile修改材质/
│ │ │ ├── 366-7.模型扫光效果(颜色渐变).mp4 (33.76 MB)
│ │ │ ├── 365-6.模型扫光效果(顶点位置插值).mp4 (36.87 MB)
│ │ │ ├── 363-4.顶点位置插值(设置片元颜色).mp4 (56.56 MB)
│ │ │ ├── 360-1.threejs各个材质的shader代码.mp4 (43.83 MB)
│ │ │ ├── 361-2.onBeforeCompile修改材质shader.mp4 (43.09 MB)
│ │ │ ├── 364-5.顶点位置插值(设置片元颜色)2.mp4 (54.94 MB)
│ │ │ └── 362-3.修改材质shader(彩色图变灰度图).mp4 (22.26 MB)
│ │ ├── 18-16.关键帧动画/
│ │ │ ├── 157-1.关键帧动画.mp4 (55.04 MB)
│ │ │ ├── 161-5.机械虚拟装配案例(播放).mp4 (36.98 MB)
│ │ │ ├── 159-3.动画播放(拖动任意时间状态).mp4 (42.72 MB)
│ │ │ ├── 165-9.骨骼关节Bon.mp4 (47.05 MB)
│ │ │ ├── 166-10.查看外部模型骨骼动画.mp4 (71.09 MB)
│ │ │ ├── 164-8.变形动画(定制人物胖瘦).mp4 (56.34 MB)
│ │ │ ├── 158-2.动画播放(暂停、倍速、循环).mp4 (64.91 MB)
│ │ │ ├── 162-6.虚拟装配(任意时间定位).mp4 (28.40 MB)
│ │ │ ├── 163-7.变形动画原理.mp4 (60.08 MB)
│ │ │ ├── 167-11.骨骼动画不同动作切换.mp4 (48.69 MB)
│ │ │ └── 160-4.解析外部模型关键帧动画.mp4 (58.68 MB)
│ │ ├── 15-13.后期处理/
│ │ │ ├── 136-6.gltf后处理颜色异常(伽马校正).mp4 (43.53 MB)
│ │ │ ├── 135-5.gltf工厂模型设置发光描边.mp4 (48.68 MB)
│ │ │ ├── 134-4.多通道组合(GlitchPass和描边).mp4 (27.89 MB)
│ │ │ ├── 131-1.后处理(高亮发光描边OutlinePass).mp4 (42.92 MB)
│ │ │ ├── 133-3.Bloom发光通道.mp4 (35.46 MB)
│ │ │ ├── 137-7.抗锯齿后处理.mp4 (70.68 MB)
│ │ │ └── 132-2.OutlinePass发光描边样式.mp4 (20.39 MB)
│ │ ├── 31-案例——物联网粮仓/
│ │ │ ├── 239-1.3.学习安排(必看).mp4 (49.98 MB)
│ │ │ ├── 240-1.4.公司项目人员方案.mp4 (37.59 MB)
│ │ │ ├── 251-3.5.加载GLTF格式粮仓基地模型.mp4 (70.08 MB)
│ │ │ ├── 253-3.7.gltf相关文件glb.mp4 (22.78 MB)
│ │ │ ├── 248-3.2.体验three.js editor编辑器-搭建一个三维场景.mp4 (68.37 MB)
│ │ │ ├── 250-3.4.建模软件导出GLTF(blender、3dmax).mp4 (40.92 MB)
│ │ │ ├── 257-3.11.加载gltf模型(透视投影相机).mp4 (386.44 MB)
│ │ │ ├── 268-4.9.火焰信息标签.mp4 (24.30 MB)
│ │ │ ├── 255-3.9.相机渲染范围和视角设置.mp4 (70.08 MB)
│ │ │ ├── 266-4.7.火焰效果(序列帧动画).mp4 (88.08 MB)
│ │ │ ├── 261-4.2.粮仓基地模型命名并导出.mp4 (80.67 MB)
│ │ │ ├── 260-4.1.模型命名(程序与美术协作).mp4 (53.49 MB)
│ │ │ ├── 241-2.1.Three.js下载特定版本并使用.mp4 (23.49 MB)
│ │ │ ├── 252-3.6.粮仓贴图颜色偏差问题解决.mp4 (48.23 MB)
│ │ │ ├── 267-4.8.粮仓火焰标注.mp4 (43.76 MB)
│ │ │ ├── 247-3.1.三维软件绘制模型(美术和程序协作).mp4 (61.22 MB)
│ │ │ ├── 245-2.5.项目部署Canvas画布页面布局相关.mp4 (32.33 MB)
│ │ │ ├── 262-4.3.CSS2DRenderer标注每个粮仓.mp4 (493.54 MB)
│ │ │ ├── 243-2.3.渲染循环.mp4 (21.30 MB)
│ │ │ ├── 254-3.8.gltf文件是否包含光源.mp4 (184.55 MB)
│ │ │ ├── 263-4.4.CSS3DRenderer标注每个粮仓.mp4 (57.53 MB)
│ │ │ ├── 264-4.5.鼠标交互-射线拾取.mp4 (46.82 MB)
│ │ │ ├── 246-2.6.Three.js代码模块化.mp4 (34.76 MB)
│ │ │ ├── 259-3.13.粮仓基地场景雾化效果设置(Fog).mp4 (52.63 MB)
│ │ │ ├── 265-4.6.射线拾取弹出粮仓HTML信息标签.mp4 (52.59 MB)
│ │ │ ├── 238-1.2.项目方案选择.mp4 (138.49 MB)
│ │ │ ├── 258-3.12.批量修改GLTF材质.mp4 (42.88 MB)
│ │ │ ├── 242-2.2.一个最小Three.js代码.mp4 (45.62 MB)
│ │ │ ├── 244-2.4.Three.js开发辅助工具.mp4 (32.45 MB)
│ │ │ ├── 256-3.10.模型导出位置和姿态问题注意.mp4 (35.71 MB)
│ │ │ └── 249-3.3. GLTF格式模型文件简介 (Web3D领域JPG).mp4 (138.31 MB)
│ │ ├── 26-6.射线/
│ │ │ ├── 212-2.射线拾取模型(复习前面).mp4 (52.62 MB)
│ │ │ └── 211-1. 射线Ray(复习前面内容).mp4 (70.80 MB)
│ │ ├── 37-案例—大屏3D地图可视化/
│ │ │ ├── 397-5.4.世界人口密度(柱子可视化).mp4 (201.11 MB)
│ │ │ ├── 402-6.2.飞线(轨迹线上提取一段作为飞线).mp4 (24.39 MB)
│ │ │ ├── 398-5.5.世界人口密度(柱子颜色渐变)..mp4 (64.63 MB)
│ │ │ ├── 388-3.7.鼠标单击拾取选中一个行政区.mp4 (47.62 MB)
│ │ │ ├── 375-2.5.渲染循环和相机控件OrbitControls.mp4 (108.16 MB)
│ │ │ ├── 371-2.1.GeoJOSN数据简介和获取.mp4 (42.15 MB)
│ │ │ ├── 401-6.1.轨迹线(样条曲线).mp4 (53.30 MB)
│ │ │ ├── 400-5.7.柱子可视化(数据特定间距).mp4 (40.79 MB)
│ │ │ ├── 389-4.1.中国地图颜色深浅可视化.mp4 (60.53 MB)
│ │ │ ├── 403-6.3.飞线粗细设置(linewidth)..mp4 (24.22 MB)
│ │ │ ├── 379-2.9.渲染省份或城市地图轮廓.mp4 (29.61 MB)
│ │ │ ├── 370-1.4.学习细节安排.mp4 (18.29 MB)
│ │ │ ├── 368-1.2.技术选择(SVG、Canvas、WebGL、Three.js).mp4 (59.23 MB)
│ │ │ ├── 395-5.2.Line可视化轨迹线(北京公交轨迹).mp4 (12.79 MB)
│ │ │ ├── 394-5.1.密集点(微博登录活动).mp4 (20.02 MB)
│ │ │ ├── 390-4.2.练习-世界各国GDP可视化(区域颜色深浅).mp4 (35.67 MB)
│ │ │ ├── 381-2.11.经纬度转墨卡托坐标.mp4 (39.40 MB)
│ │ │ ├── 373-2.3.渲染非全屏(相机和渲染器).mp4 (56.05 MB)
│ │ │ ├── 377-2.7.Shape几何体填充行政区域.mp4 (206.96 MB)
│ │ │ ├── 382-3.1.矩形贴图标注位置.mp4 (69.71 MB)
│ │ │ ├── 386-3.5.HTML元素作为标签(CSS2DRenderer).mp4 (64.97 MB)
│ │ │ ├── 372-2.2.先通过Three.js实现一个基础渲染代码.mp4 (332.65 MB)
│ │ │ ├── 384-3.3.热点—旋转棱锥.mp4 (39.40 MB)
│ │ │ ├── 369-1.3.Three.js引擎简介.mp4 (158.74 MB)
│ │ │ ├── 385-3.4.HTML元素作为标签(世界坐标转屏幕坐标).mp4 (30.40 MB)
│ │ │ ├── 393-4.5.柱子可视化数据.mp4 (30.15 MB)
│ │ │ ├── 367-1.1.课程完成效果展示.mp4 (63.06 MB)
│ │ │ ├── 399-5.6.世界人口密度可视化(几何体合并).mp4 (74.49 MB)
│ │ │ ├── 405-6.5.练习题—飞线综合案例.mp4 (125.85 MB)
│ │ │ ├── 404-6.4.shader实现小蝌蚪状飞线.mp4 (128.58 MB)
│ │ │ ├── 374-2.4.相机渲染范围、位置和目标.mp4 (57.49 MB)
│ │ │ ├── 383-3.2.热点—波动光圈.mp4 (53.20 MB)
│ │ │ ├── 380-2.10.拉伸行政区轮廓.mp4 (74.33 MB)
│ │ │ ├── 387-3.6.HTML元素作为标签(CSS3DRenderer).mp4 (49.58 MB)
│ │ │ ├── 378-2.8.渲染中国地图(相机参数适配).mp4 (305.01 MB)
│ │ │ ├── 392-4.4.气泡图(不同颜色和大小圆圈).mp4 (125.81 MB)
│ │ │ ├── 391-4.3.行政区域拉伸不同高度可视化数据.mp4 (45.69 MB)
│ │ │ ├── 376-2.6.解析边界线(几何体顶点和Line模型).mp4 (107.49 MB)
│ │ │ └── 396-5.3.Line可视化轨迹线(全球高速公路轨迹GeoJSON).mp4 (25.42 MB)
│ │ ├── 4-2.几何体BufferGeometry顶点/
│ │ │ ├── 38-1.几何体顶点位置数据和点模型对象Points.mp4 (45.66 MB)
│ │ │ ├── 41-4.构建一个矩形平面几何体.mp4 (20.58 MB)
│ │ │ ├── 45-8.BufferGeometry的旋转、缩放、平移方法.mp4 (30.14 MB)
│ │ │ ├── 43-6.顶点法线数据.mp4 (33.14 MB)
│ │ │ ├── 39-2.线模型渲染顶点数据.mp4 (23.81 MB)
│ │ │ ├── 40-3.网格模型渲染顶点数据(三角形概念).mp4 (25.05 MB)
│ │ │ ├── 42-5.几何体顶点索引数据.mp4 (27.78 MB)
│ │ │ └── 44-7.查看three.js自带几何体顶点结构.mp4 (44.63 MB)
│ │ ├── 3-1.快速入门(2023年新版本)/
│ │ │ ├── 27-13.stats查看threejs渲染帧率.mp4 (61.95 MB)
│ │ │ ├── 30-16.高光网格材质MeshPhongMaterial.mp4 (38.19 MB)
│ │ │ ├── 31-17.WebGL渲染器设置(锯齿模糊、背景颜色).mp4 (29.81 MB)
│ │ │ ├── 17-5.第一个3D案例—透视投影相机.mp4 (61.57 MB)
│ │ │ ├── 28-14.阵列立方体和相机适配体验.mp4 (72.07 MB)
│ │ │ ├── 14-2.学习环境—代码编辑器和本地静态服务器.mp4 (32.48 MB)
│ │ │ ├── 32-18.gui.js库(可视化改变三维场景).mp4 (69.05 MB)
│ │ │ ├── 15-3.开发和学习环境，引入threejs库.mp4 (54.40 MB)
│ │ │ ├── 34-20.gui.js库(下拉菜单、单选框).mp4 (39.87 MB)
│ │ │ ├── 33-19.gui.js库(颜色、命名、步长、事件).mp4 (37.46 MB)
│ │ │ ├── 20-8.光源对物体表面影响.mp4 (41.74 MB)
│ │ │ ├── 16-4.第一个3D案例—创建3D场景.mp4 (40.69 MB)
│ │ │ ├── 37-23.threejs语法总结.mp4 (71.24 MB)
│ │ │ ├── 19-7.Threejs三维坐标系—加强三维空间认识.mp4 (49.07 MB)
│ │ │ ├── 26-12.Canvas画布布局和全屏.mp4 (38.00 MB)
│ │ │ ├── 22-Vue + Threejs 开发环境( 可跳过 ).mp4 (56.76 MB)
│ │ │ ├── 23-React + Threejs开发环境( 可跳过 ).mp4 (47.77 MB)
│ │ │ ├── 21-9.相机控件轨道控制器OrbitControls.mp4 (43.42 MB)
│ │ │ ├── 18-6.第一个3D案例—渲染器.mp4 (46.14 MB)
│ │ │ ├── 35-21.gui.js库(分组).mp4 (35.38 MB)
│ │ │ ├── 36-22.查询案例examples和文档(辅助开发).mp4 (45.69 MB)
│ │ │ ├── 25-11.动画渲染循环.mp4 (58.65 MB)
│ │ │ ├── 29-15.Threejs常见简单几何体简介.mp4 (32.92 MB)
│ │ │ ├── 24-10.平行光与环境光.mp4 (60.59 MB)
│ │ │ └── 13-1.threejs文件包下载和目录简介.mp4 (35.18 MB)
│ │ ├── 6-4.层级模型/
│ │ │ ├── 55-4.改变模型相对局部坐标原点位置.mp4 (16.37 MB)
│ │ │ ├── 56-5.移除对象.remove().mp4 (21.08 MB)
│ │ │ ├── 54-3.本地坐标和世界坐标.mp4 (25.16 MB)
│ │ │ ├── 57-6.模型隐藏或显示.mp4 (19.42 MB)
│ │ │ ├── 52-1.组对象Group、层级模型.mp4 (50.96 MB)
│ │ │ └── 53-2.递归遍历模型树结构、查询模型节点.mp4 (37.92 MB)
│ │ ├── 30-10.物理引擎CannonJS(更新中)/
│ │ │ ├── 234-7.CannonJS碰撞事件，碰撞声音.mp4 (41.72 MB)
│ │ │ ├── 230-3.练习-threejs可视化cannon计算结果.mp4 (28.56 MB)
│ │ │ ├── 237-10.凸多面体ConvexPolyhedron.mp4 (50.45 MB)
│ │ │ ├── 231-4. CannonJS模拟乒乓球下落反弹.mp4 (40.91 MB)
│ │ │ ├── 236-9.练习题-外部gltf箱子模型.mp4 (39.99 MB)
│ │ │ ├── 229-2.CannonJS自由落体计算.mp4 (55.58 MB)
│ │ │ ├── 233-6.练习-点按钮重复下落.mp4 (16.03 MB)
│ │ │ ├── 235-8.长方体Box碰撞体(箱子下落).mp4 (63.09 MB)
│ │ │ ├── 232-5.练习-修改小球参数.mp4 (23.22 MB)
│ │ │ └── 228-1.CannonJS简介和引入.mp4 (30.99 MB)
│ │ ├── 24-4.四元数、欧拉角(角度姿态)/
│ │ │ ├── 204-6.练习-无人机绕飞.mp4 (98.89 MB)
│ │ │ ├── 199-1.欧拉角Euler.mp4 (76.69 MB)
│ │ │ ├── 203-5.四元数表示两个向量旋转.mp4 (31.60 MB)
│ │ │ ├── 202-4.四元数乘法运算.mp4 (37.59 MB)
│ │ │ ├── 201-3.四元数表示物体姿态.mp4 (28.78 MB)
│ │ │ └── 200-2.四元数Quaternion.mp4 (44.52 MB)
│ │ ├── 1-课程部分3D案例展示/
│ │ │ ├── 6-产品720 3D展示( 轿车 手机).mp4 (34.67 MB)
│ │ │ ├── 4-物联网数字孪生3D可视化案例——收费站.mp4 (14.24 MB)
│ │ │ ├── 5-智慧工厂（初步效果，完善中）.mp4 (61.16 MB)
│ │ │ ├── 3-智慧小区(第一阶段效果).mp4 (79.81 MB)
│ │ │ ├── 1-课程案例源码3D效果5分钟速览.mp4 (201.25 MB)
│ │ │ ├── 7-地球大屏3D可视化—飞线.mp4 (35.12 MB)
│ │ │ ├── 8-地图中国大屏可视化.mp4 (5.99 MB)
│ │ │ ├── 9-机械 BIM在线预览(源码在课件中).mp4 (2.10 MB)
│ │ │ └── 2-智慧城市数字孪生3D可视化.mp4 (100.50 MB)
│ │ ├── 11-9.生成曲线、几何体/
│ │ │ ├── 88-1.生成圆弧顶点.mp4 (26.35 MB)
│ │ │ ├── 98-11.轮廓填充ShapeGeometry.mp4 (17.00 MB)
│ │ │ ├── 101-14.多边形轮廓Shape简介.mp4 (34.13 MB)
│ │ │ ├── 94-7.样条、贝塞尔曲线应用.mp4 (39.29 MB)
│ │ │ ├── 109-22.山脉地形高度可视化.mp4 (45.43 MB)
│ │ │ ├── 105-18.几何体顶点颜色数数据.mp4 (29.75 MB)
│ │ │ ├── 103-16.多边形Shape(内孔.holes).mp4 (17.69 MB)
│ │ │ ├── 92-5.样条曲线.mp4 (52.44 MB)
│ │ │ ├── 108-21.查看或设置gltf几何体顶点.mp4 (34.08 MB)
│ │ │ ├── 107-20.Color颜色渐变插值.mp4 (40.11 MB)
│ │ │ ├── 95-8.组合曲线CurvePath拼接不同曲线.mp4 (44.75 MB)
│ │ │ ├── 93-6.贝塞尔曲线.mp4 (57.65 MB)
│ │ │ ├── 99-12.拉伸ExtrudeGeometry.mp4 (39.81 MB)
│ │ │ ├── 104-17.模型边界线EdgesGeometry.mp4 (41.58 MB)
│ │ │ ├── 96-9.曲线路径管道TubeGeometry.mp4 (39.97 MB)
│ │ │ ├── 89-2.几何体方法.setFromPoints().mp4 (23.92 MB)
│ │ │ ├── 100-13.扫描ExtrudeGeometry.mp4 (17.09 MB)
│ │ │ ├── 91-4.椭圆、圆.mp4 (26.29 MB)
│ │ │ ├── 102-15.多边形轮廓Shape(圆弧).mp4 (31.40 MB)
│ │ │ ├── 97-10.旋转成型LatheGeometry.mp4 (23.25 MB)
│ │ │ ├── 90-3.曲线Curve简介.mp4 (34.57 MB)
│ │ │ └── 106-19.一段曲线颜色渐变.mp4 (29.03 MB)
│ │ ├── 13-11.光源和阴影/
│ │ │ ├── 126-7.工厂(模拟太阳光阴影).mp4 (75.75 MB)
│ │ │ ├── 127-8.gui辅助调节阴影范围.mp4 (56.34 MB)
│ │ │ ├── 123-4.阴影像素、弱化阴影边缘.mp4 (47.35 MB)
│ │ │ ├── 124-5.工厂光源(环境贴图和环境光).mp4 (59.56 MB)
│ │ │ ├── 122-3.阴影范围.shadow.camera.mp4 (81.23 MB)
│ │ │ ├── 125-6.工厂光源(平行光模拟太阳光).mp4 (91.49 MB)
│ │ │ ├── 120-1.聚光源SpotLight.mp4 (39.74 MB)
│ │ │ └── 121-2.平行光阴影计算.mp4 (64.36 MB)
│ │ ├── 42-2. 3D几何变换数学基础/
│ │ │ ├── 765-2.模型矩阵.mp4 (42.06 MB)
│ │ │ ├── 769-6.gl-matrix生成顶点着色器的矩阵.mp4 (46.16 MB)
│ │ │ ├── 768-5.传递uniform数据..mp4 (100.87 MB)
│ │ │ ├── 776-13.顶点颜色渐变插值.mp4 (69.19 MB)
│ │ │ ├── 766-3.gl-matrix数学计算库.mp4 (61.31 MB)
│ │ │ ├── 767-4.顶点着色器矩阵变换.mp4 (65.99 MB)
│ │ │ ├── 770-7.WebGPU动画(uniform旋转矩阵).mp4 (54.55 MB)
│ │ │ ├── 774-11.WebGPU顶点数据插值计算.mp4 (54.27 MB)
│ │ │ ├── 778-15.练习-顶点颜色.mp4 (19.00 MB)
│ │ │ ├── 772-9.片元的屏幕坐标.mp4 (62.61 MB)
│ │ │ ├── 777-14.顶点位置、颜色数据共享缓冲区.mp4 (57.07 MB)
│ │ │ ├── 771-8.绕y轴旋转动画.mp4 (37.85 MB)
│ │ │ ├── 775-12.练习—顶点位置插值.mp4 (50.70 MB)
│ │ │ ├── 773-10.片元深度值、深度缓冲区.mp4 (33.24 MB)
│ │ │ ├── 764-1.数学基础(平移、旋转、缩放矩阵).mp4 (39.80 MB)
│ │ │ └── 779-16.结构体作为WGLSL函数参数.mp4 (22.54 MB)
│ │ ├── 28. 第一、三人称漫游 ( 游戏元宇宙 常用)/
│ │ │ ├── 215-2.W键控制角色模型运动.mp4 (43.92 MB)
│ │ │ ├── 222-9.鼠标上下滑动改变相机视角.mp4 (71.83 MB)
│ │ │ ├── 219-6.相机跟着玩家走(第三人称漫游).mp4 (70.62 MB)
│ │ │ ├── 220-7.鼠标左右拖动改变玩家视角.mp4 (64.32 MB)
│ │ │ ├── 216-3.W控制人移动，设置加速度.mp4 (30.34 MB)
│ │ │ ├── 218-5.按键S退后运动.mp4 (24.72 MB)
│ │ │ ├── 223-10.玩家角色左右运动(叉乘).mp4 (47.88 MB)
│ │ │ ├── 217-4.阻尼(玩家角色逐渐减速停止).mp4 (29.00 MB)
│ │ │ ├── 214-1.键盘WASD按键状态记录.mp4 (61.11 MB)
│ │ │ ├── 221-8.获取玩家(相机)正前方方向.mp4 (56.65 MB)
│ │ │ ├── 225-12.快捷键切换第一、第三人称.mp4 (52.16 MB)
│ │ │ ├── 224-11.鼠标滑动改变视角(指针锁定模式).mp4 (67.62 MB)
│ │ │ └── 226-13.骨骼动画与运动状态关联.mp4 (73.60 MB)
│ │ ├── 33-1.WebGL快速入门(更新中)/
│ │ │ ├── 330-4.WebGL坐标系.mp4 (31.33 MB)
│ │ │ ├── 327-1.学前说明.mp4 (30.52 MB)
│ │ │ ├── 329-3.第一个WebGL案例(绘制一个点).mp4 (79.32 MB)
│ │ │ └── 328-2.着色器GLSL ES语言.mp4 (34.08 MB)
│ │ ├── 39-入门到精通(本章节当做手册查询功能使用即可)/
│ │ │ ├── 668-27.4.three.js editor设置材质和贴图.mp4 (164.07 MB)
│ │ │ ├── 673-27.9.模型导出角度和姿态调整问题(美术导出注意).mp4 (32.73 MB)
│ │ │ ├── 637-24.9.矩形图片剪裁为圆形渲染(CircleGeometry)..mp4 (21.46 MB)
│ │ │ ├── 655-26.10.细线飞线和飞线轨迹.mp4 (37.27 MB)
│ │ │ ├── 691-28.10.尽量选择BufferGeometry.mp4 (21.87 MB)
│ │ │ ├── 640-25.3.随着高度透明度渐变(onBeforeCompile二次开发.mp4 (58.19 MB)
│ │ │ ├── 499-10.1.精灵模型对象Sprite..mp4 (30.57 MB)
│ │ │ ├── 641-25.4.onBeforeCompile修改Phong着色器代码(灰度图).mp4 (33.82 MB)
│ │ │ ├── 558-16.后处理EffectComposer—自定义着色器.mp4 (26.17 MB)
│ │ │ ├── 666-27.2.三维模型导出格式问题.mp4 (45.96 MB)
│ │ │ ├── 693-29.1.动画库tweenjs简介和引入项目.mp4 (23.53 MB)
│ │ │ ├── 676-27.12.加载gltf包含外部贴图.bin等文件.mp4 (33.03 MB)
│ │ │ ├── 591-20.14.Three.js渲染更新总结.mp4 (269.65 MB)
│ │ │ ├── 571-19.12.标签坐标问题—加载外部模型标注案例.mp4 (51.33 MB)
│ │ │ ├── 635-24.7.一个贴图加载完再加载另一个(Promise和async).mp4 (34.42 MB)
│ │ │ ├── 566-19.7.Canvas作为精灵或网格模型标签的贴图.mp4 (20.63 MB)
│ │ │ ├── 661-26.16.直线拐角自动圆角化(贝赛尔曲线转弯)..mp4 (128.60 MB)
│ │ │ ├── 512-14.1.Three.js数据结构、导入导出..mp4 (54.07 MB)
│ │ │ ├── 469-3.2.材质共有属性、私有属性.mp4 (31.78 MB)
│ │ │ ├── 643-25.6.练习小案例—波浪特效1.mp4 (134.93 MB)
│ │ │ ├── 633-24.5.球体Mesh渲染全景图.mp4 (28.64 MB)
│ │ │ ├── 482-7.4.多个线条组合曲线CurvePath.mp4 (10.07 MB)
│ │ │ ├── 588-20.11.剪裁剖切模型(.clippingPlanes属性).mp4 (34.24 MB)
│ │ │ ├── 479-7.1.常见几何体和曲线API介绍.mp4 (25.55 MB)
│ │ │ ├── 552-18.10.着色器——系统uniforms模块调用UniformsLib.mp4 (20.11 MB)
│ │ │ ├── 520-16.2.矩阵.mp4 (31.51 MB)
│ │ │ ├── 671-27.7.相机渲染范围和外部模型尺寸匹配(美术与程序).mp4 (77.66 MB)
│ │ │ ├── 596-20.19.一个模型总渲染在前面(排序和深度测试).mp4 (21.26 MB)
│ │ │ ├── 535-17.10.光源对象分类.mp4 (32.58 MB)
│ │ │ ├── 576-19.17.射线碰撞检测相关.mp4 (22.98 MB)
│ │ │ ├── 672-27.8.美术是否居中导出模型问题.mp4 (29.38 MB)
│ │ │ ├── 496-8.10.数据纹理对象DataTexture.mp4 (20.27 MB)
│ │ │ ├── 606-21.8.浏览器控制台辅助选择相机视角(OrbitControls·.mp4 (117.97 MB)
│ │ │ ├── 600-21.2.相机不同方向的投影视图.mp4 (45.17 MB)
│ │ │ ├── 536-17.11.Material对应的Shader.mp4 (45.62 MB)
│ │ │ ├── 694-29.2.第一个threejs和tweenjs结合案例.mp4 (31.91 MB)
│ │ │ ├── 472-4.3.模型对象克隆clone复制copy.mp4 (24.49 MB)
│ │ │ ├── 642-25.5.PointsMaterial方点变圆点.mp4 (23.24 MB)
│ │ │ ├── 670-27.6.加载GLTF格式文件.mp4 (33.26 MB)
│ │ │ ├── 557-18.15.WebGLRenderTarget实现灰度图后处理功能.mp4 (12.18 MB)
│ │ │ ├── 532-17.7.本地矩阵和世界矩阵.mp4 (34.56 MB)
│ │ │ ├── 706-30.3.vue-cli4项目文件引入three.js.mp4 (45.83 MB)
│ │ │ ├── 493-8.7.光照贴图添加阴影.mp4 (15.44 MB)
│ │ │ ├── 500-10.2.中国城市PM2.5可视化案例.mp4 (23.65 MB)
│ │ │ ├── 626-23.3.PBR材质环境贴图(金属效果例子).mp4 (47.72 MB)
│ │ │ ├── 559-18.17.后处理EffectComposer——直接调用常见通道.mp4 (21.06 MB)
│ │ │ ├── 565-19.6.模型标签——Canvas技术与threejs结合.mp4 (28.17 MB)
│ │ │ ├── 593-20.16.透视投影相机导致的模型闪烁Z-fighting.mp4 (18.31 MB)
│ │ │ ├── 660-26.15.轨迹线生成带状平面Mesh(CurvePath直线不细·.mp4 (53.51 MB)
│ │ │ ├── 487-8.1.创建纹理贴图.mp4 (27.06 MB)
│ │ │ ├── 577-19.18.射线拾取、模型标签坐标变换—局部渲染.mp4 (14.77 MB)
│ │ │ ├── 540-17.15.传值-attribute.mp4 (36.14 MB)
│ │ │ ├── 622-22.7.线宽lineWidth无效( 扩展库解决线宽 ).mp4 (23.84 MB)
│ │ │ ├── 457-1.3 鼠标操作三维场景旋转缩放.mp4 (42.07 MB)
│ │ │ ├── 467-2.7.访问几何体对象的数据( 新版本已舍弃Geometry ).mp4 (26.94 MB)
│ │ │ ├── 464-2.4.顶点索引复用顶点数据.mp4 (17.19 MB)
│ │ │ ├── 698-29.6.动画不同阶段回调函数(开始、执行中、完成).mp4 (19.53 MB)
│ │ │ ├── 549-18.7.着色器——彩色图处理为灰度图..mp4 (6.86 MB)
│ │ │ ├── 663-26.18.光点或小球沿着任意轨迹线运动.mp4 (17.65 MB)
│ │ │ ├── 523-16.5.包围盒Box3、Box2、Sphere.mp4 (20.46 MB)
│ │ │ ├── 696-29.4.批量创建tween动画片段并串联.mp4 (13.86 MB)
│ │ │ ├── 524-16.6.欧拉Euler和四元数Quaternion.mp4 (24.64 MB)
│ │ │ ├── 574-19.15.射线Raycaster—鼠标点击选中拾取网格模型.mp4 (17.19 MB)
│ │ │ ├── 705-30.2.threejs与前端框架结合(Vue、react、angular).mp4 (37.18 MB)
│ │ │ ├── 683-28.2.资源占用和性能瓶颈(CPU、内存、GPU、显存).mp4 (121.23 MB)
│ │ │ ├── 473-5.1.光照原理和常见光源类型.mp4 (32.20 MB)
│ │ │ ├── 692-28.11.多细节层次模型Lod.mp4 (181.60 MB)
│ │ │ ├── 561-19.2.模型标签——精灵模型对象Sprite.mp4 (16.51 MB)
│ │ │ ├── 516-14.5.手镯在线预览(商品展示).mp4 (25.30 MB)
│ │ │ ├── 471-4.2.模型对象旋转平移缩放变换.mp4 (16.99 MB)
│ │ │ ├── 608-21.10.地图导航控件MapControls.mp4 (86.89 MB)
│ │ │ ├── 607-21.9.同步两个相机的位置视线等信息.mp4 (22.40 MB)
│ │ │ ├── 570-19.11.标签坐标问题—几何体顶点坐标.mp4 (73.56 MB)
│ │ │ ├── 538-17.13.着色器字符串处理—材质属性、光源数量.mp4 (18.87 MB)
│ │ │ ├── 578-20.1.全屏和局部区域渲染.mp4 (32.56 MB)
│ │ │ ├── 515-14.4.加载FBX并解析骨骼动画.mp4 (20.40 MB)
│ │ │ ├── 664-26.19.练习小案例—纯代码模拟树和小树林.mp4 (98.40 MB)
│ │ │ ├── 580-20.3.Three.js背景(图片作为背景或设置颜色).mp4 (22.59 MB)
│ │ │ ├── 699-29.7.一段tween完成后多个tween同步执行.mp4 (10.29 MB)
│ │ │ ├── 704-30.1.Web3D项目实战开发(three.js与web前端结合).mp4 (24.31 MB)
│ │ │ ├── 638-25.1.position控制片元.mp4 (28.50 MB)
│ │ │ ├── 470-4.1.点、线、网格模型介绍.mp4 (21.43 MB)
│ │ │ ├── 543-18.1.第一个three.js着色器程序.mp4 (17.94 MB)
│ │ │ ├── 587-20.10.渲染管线—模板测试.mp4 (77.06 MB)
│ │ │ ├── 623-22.8.模型高亮发光描边(后期处理OutlinePass).mp4 (33.05 MB)
│ │ │ ├── 506-12.1.骨骼动画原理.mp4 (60.62 MB)
│ │ │ ├── 544-18.2.着色器—矩阵变换.mp4 (24.42 MB)
│ │ │ ├── 563-19.4.HTML元素标签位置更新.mp4 (21.71 MB)
│ │ │ ├── 458-1.4 场景插入新的几何体.mp4 (69.51 MB)
│ │ │ ├── 550-18.8.着色器——UV动画.mp4 (14.29 MB)
│ │ │ ├── 682-28.1.查看渲染性能(stats.js计算渲染帧率FPS).mp4 (40.68 MB)
│ │ │ ├── 456-1.2 旋转动画、requestAnimationFrame周期性渲染.mp4 (54.65 MB)
│ │ │ ├── 465-2.5.设置Geometry顶点位置和颜色数据( 新版本已舍弃Geometry ).mp4 (19.04 MB)
│ │ │ ├── 627-23.4.解析外部PBR模型(金属度和粗糙度贴图).mp4 (33.39 MB)
│ │ │ ├── 651-26.6.多个几何体合并为一个BufferGeometryUtils.mp4 (96.34 MB)
│ │ │ ├── 527-17.2.WebGL渲染器简介.mp4 (33.47 MB)
│ │ │ ├── 681-27.17.包围盒计算模型位置(平移模型居中).mp4 (30.23 MB)
│ │ │ ├── 480-7.2.圆弧线绘制(直线、椭圆、圆弧)、基类Curve.mp4 (28.57 MB)
│ │ │ ├── 679-27.15.解析外部模型骨骼关键帧动画(GLTF).mp4 (26.71 MB)
│ │ │ └── 507-12.2.加载外部模型骨骼动画.mp4 (29.89 MB)
│ │ ├── 10-8.渲染器和前端UI交互界面/
│ │ │ ├── 87-7.模型加载进度条.mp4 (45.21 MB)
│ │ │ ├── 81-1.three.js Canvas画布布局.mp4 (51.22 MB)
│ │ │ ├── 85-5.Three.js渲染结果保存为图片.mp4 (27.88 MB)
│ │ │ ├── 84-4.Three.js背景透明度.mp4 (31.08 MB)
│ │ │ ├── 83-3.UI交互按钮与3D场景交互.mp4 (10.53 MB)
│ │ │ ├── 86-6.深度冲突(模型闪烁).mp4 (42.49 MB)
│ │ │ └── 82-2.UI交互界面与Canvas画布叠加.mp4 (23.64 MB)
│ │ ├── 5-3.模型对象、材质/
│ │ │ ├── 46-1.三维向量Vector3与模型位置、缩放属性.mp4 (62.79 MB)
│ │ │ ├── 51-6.克隆.clone()和复制.copy().mp4 (38.46 MB)
│ │ │ ├── 48-3.模型材质颜色(Color对象).mp4 (41.87 MB)
│ │ │ ├── 50-5.模型材质和几何体属性.mp4 (31.06 MB)
│ │ │ ├── 47-2.欧拉Euler与角度属性.rotation.mp4 (34.24 MB)
│ │ │ └── 49-4.模型材质父类Material.mp4 (40.02 MB)
│ │ ├── 7-5.几何顶点UV坐标、纹理贴图/
│ │ │ ├── 59-2.自定义顶点UV坐标.mp4 (29.19 MB)
│ │ │ ├── 63-6.UV动画(偏移属性.offset).mp4 (63.99 MB)
│ │ │ ├── 61-4.纹理对象Texture阵列( 瓷砖地面案例 ).mp4 (58.65 MB)
│ │ │ ├── 58-1.创建纹理贴图.mp4 (27.96 MB)
│ │ │ ├── 62-5.矩形Mesh加背景透明png贴图(场景标注).mp4 (70.01 MB)
│ │ │ └── 60-3.圆形平面CircleGeometry设置纹理贴图.mp4 (23.36 MB)
│ │ ├── 41-1.WebGPU快速入门/
│ │ │ ├── 759-5.顶点着色器.mp4 (91.20 MB)
│ │ │ ├── 757-3.创建顶点缓冲区、渲染管线.mp4 (91.74 MB)
│ │ │ ├── 762-8.WebGPU 3D坐标系(投影).mp4 (34.96 MB)
│ │ │ ├── 761-7.渲染命令(至此完成第一个案例).mp4 (93.81 MB)
│ │ │ ├── 758-4.着色器语言WGSL快速了解.mp4 (41.06 MB)
│ │ │ ├── 763-9.三角形拼接矩形.mp4 (31.74 MB)
│ │ │ ├── 755-1.WebGPU学习开发环境配置.mp4 (14.29 MB)
│ │ │ ├── 756-2.WebGPU API和Canvas画布.mp4 (46.31 MB)
│ │ │ └── 760-6.片元着色器、图元装配.mp4 (61.78 MB)
│ │ ├── 23-3. 向量点乘、叉乘/
│ │ │ ├── 187-1.向量点乘dot.mp4 (35.49 MB)
│ │ │ ├── 194-8.判断两个点是否在线段同一侧.mp4 (48.73 MB)
│ │ │ ├── 198-12.点到直线的距离.mp4 (21.33 MB)
│ │ │ ├── 193-7.点乘判断平行向量方向异同.mp4 (14.21 MB)
│ │ │ ├── 190-4.点乘判断是否在扇形内.mp4 (44.29 MB)
│ │ │ ├── 197-11.练习—计算物体的表面积.mp4 (41.98 MB)
│ │ │ ├── 188-2.点乘练习-计算三角形夹角.mp4 (25.29 MB)
│ │ │ ├── 196-10.叉乘计算三角形面积.mp4 (17.40 MB)
│ │ │ ├── 192-6.叉乘判断人左右.mp4 (61.84 MB)
│ │ │ ├── 189-3.点乘判断物体在人前或人后.mp4 (34.76 MB)
│ │ │ ├── 195-9.叉乘计算三角形法线.mp4 (27.76 MB)
│ │ │ └── 191-5.向量叉乘cross.mp4.mp4 (72.97 MB)
│ │ ├── 8-6.加载外部三维模型(gltf)/
│ │ │ ├── 66-3.加载.gltf文件(模型加载全流程) (如遇版本变化参考电子书说明).mp4 (128.64 MB)
│ │ │ ├── 67-4.OrbitControls辅助设置相机参数.mp4 (56.95 MB)
│ │ │ ├── 68-5.gltf不同文件形式(.glb、贴图、.bin).mp4 (36.67 MB)
│ │ │ ├── 65-2. GLTF格式简介 (Web3D领域JPG).mp4 (47.28 MB)
│ │ │ ├── 73-10.gltf模型更换.map(纹理.flipY属性).mp4 (23.02 MB)
│ │ │ ├── 64-1.建模软件绘制3D场景(比如Blender).mp4 (47.58 MB)
│ │ │ ├── 71-8.外部模型材质是否共享的问题.mp4 (28.32 MB)
│ │ │ ├── 69-6.模型命名(程序与美术协作)—层级模型节点选择.mp4 (48.41 MB)
│ │ │ ├── 70-7.递归遍历层级模型修改材质.mp4 (45.04 MB)
│ │ │ └── 72-9.纹理.encoding和渲染器.outputEncoding.mp4 (58.69 MB)
│ │ ├── 34-WebGL入门教程( 学习上个章节新录制的即可 )/
│ │ │ ├── 338-7.varying变量和颜色插值..mp4 (47.87 MB)
│ │ │ ├── 342-11.WebGL绘制多个几何体.mp4 (27.20 MB)
│ │ │ ├── 331-0.学习WebGL的必要性.mp4 (45.16 MB)
│ │ │ ├── 334-3.WebGL坐标系(投影).mp4 (29.91 MB)
│ │ │ ├── 341-10.立方体旋转动画.mp4 (36.28 MB)
│ │ │ ├── 336-5.绘制一个立方体(WebGL旋转变换).mp4 (35.05 MB)
│ │ │ ├── 335-4.WebGL平移变换.mp4 (28.85 MB)
│ │ │ ├── 346-15.WebGL透明度与α融合.mp4 (17.82 MB)
│ │ │ ├── 337-6.WebGL顶点索引绘制.mp4 (35.62 MB)
│ │ │ ├── 345-14.切换着色器程序.mp4 (52.19 MB)
│ │ │ ├── 343-12.纹理贴图.mp4 (44.07 MB)
│ │ │ ├── 344-13.彩色图转灰度图.mp4 (19.90 MB)
│ │ │ ├── 332-1.第一个WebGL程序(绘制一个点).mp4 (51.91 MB)
│ │ │ ├── 339-8.立方体(每个面一种颜色).mp4 (21.01 MB)
│ │ │ ├── 333-2.WebGL绘制一个矩形.mp4 (70.12 MB)
│ │ │ ├── 340-9.WebGL光照渲染立方体.mp4 (101.28 MB)
│ │ │ └── 347-16.深度测试与α融合.mp4 (18.01 MB)
│ │ ├── 29-第一、三人称漫游—八叉树碰撞检测( 更新中 )/
│ │ │ └── 227-1.八叉树Octree扩展库介绍.mp4 (100.54 MB)
│ │ ├── 14-12.精灵模型Sprite/
│ │ │ ├── 129-2.精灵模型标注场景(贴图).mp4 (54.34 MB)
│ │ │ ├── 128-1.精灵模型对象Sprite.mp4 (49.80 MB)
│ │ │ └── 130-3.Sprite模拟下雨、下雪.mp4 (132.00 MB)
│ │ ├── 2-Web3D生态和如何学习/
│ │ │ ├── 10-课程面向人群.mp4 (16.21 MB)
│ │ │ ├── 11-Web3D现状以及如何学习.mp4 (13.66 MB)
│ │ │ └── 12-WebGL前端工程师工作、要求、待遇问题.mp4 (48.28 MB)
│ │ ├── 16-14.射线拾取模型/
│ │ │ ├── 141-4.Raycaster(鼠标点击选中模型).mp4 (30.60 MB)
│ │ │ ├── 143-6.射线拾取层级模型(发光描边).mp4 (62.75 MB)
│ │ │ ├── 138-1.射线Ray.mp4 (70.80 MB)
│ │ │ ├── 140-3.屏幕坐标转标准设备坐标.mp4 (63.80 MB)
│ │ │ ├── 142-5.Canvas尺寸变化(射线坐标计算).mp4 (47.01 MB)
│ │ │ ├── 139-2.Raycaster(射线拾取模型).mp4 (52.62 MB)
│ │ │ └── 144-7.射线拾取Sprite控制场景.mp4 (22.89 MB)
│ │ ├── 22-2. 位移、速度、加速度/
│ │ │ ├── 185-1.匀速动画(向量表示速度).mp4 (39.35 MB)
│ │ │ └── 186-2.物体下落动画(重力加速度).mp4 (48.24 MB)
│ │ ├── 27-7.包围盒/
│ │ │ └── 213-1.包围盒Box3(复习前面).mp4 (26.19 MB)
│ │ └── 9-7.PBR材质与纹理贴图/
│ │ │ ├── 79-6.物理材质透光率.transmission.mp4 (31.20 MB)
│ │ │ ├── 80-7.三维软件导出PBR材质属性.mp4 (43.04 MB)
│ │ │ ├── 74-1.PBR材质简介.mp4 (29.58 MB)
│ │ │ ├── 75-2.PBR材质金属度和粗糙度(金属效果).mp4 (28.84 MB)
│ │ │ ├── 78-5.MeshPhysicalMaterial清漆层Clearcoat.mp4 (58.58 MB)
│ │ │ ├── 77-4.环境贴图2.mp4 (41.84 MB)
│ │ │ └── 76-3.环境贴图.envMap(金属效果).mp4 (48.90 MB)