WebGL+Three.js 入门与实战，系统学习 Web3D 技术

前端的技术蓝海，涨薪好选择

*   00 资料/

  *   源代码/

    *   01 city_ppt.zip (11.14 MB)

    *   02 city-real-time.zip (13.07 MB)

*   01 第1章 课程开篇/

  *   01 1-1 课程导学.mp4 (47.25 MB), 08:25

  *   02 1-2 课程简介.mp4 (19.07 MB), 03:11

*   02 第2章 WebGL 简单应用：学习 WebGL 简单使用，建立 WebGL 认知/

  *   01 2-1 canvas 和 webgl 的区别.mp4 (22.18 MB), 04:28

  *   02 2-2 认识 webgl，了解 webgl.mp4 (84.76 MB), 16:56

  *   03 2-3 webgl 入门 - 给画布换个颜色.mp4 (54.02 MB), 10:03

  *   04 2-4 绘制一个点.mp4 (171.28 MB), 26:56

  *   05 2-5 介绍 webgl 三维坐标系.mp4 (62.35 MB), 11:49

  *   06 2-6 学习使用 attribute 变量-绘制一个水平移动的点.mp4 (83.63 MB), 15:46

  *   07 2-7 通过鼠标控制绘制.mp4 (88.93 MB), 16:36

  *   08 2-8 使用 uniform 变量 - 绘制不同颜色的点.mp4 (77.66 MB), 14:14

  *   09 2-9 实战：实现一个贪吃蛇小游戏.mp4 (141.81 MB), 23:29

*   03 第3章 WebGL 多图形绘制和动画/

  *   01 3-1 使用缓冲区对象 - 绘制多个点.mp4 (84.33 MB), 15:39

  *   02 3-2 多缓冲区和数据偏移.mp4 (47.98 MB), 09:01

  *   03 3-3 实现多种图形绘制.mp4 (47.83 MB), 08:42

  *   04 3-4 图形平移 - 着色器.mp4 (25.43 MB), 04:32

  *   05 3-5 图形缩放 - 着色器.mp4 (12.15 MB), 02:00

  *   06 3-6 图形旋转 - 着色器.mp4 (30.26 MB), 05:28

  *   07 3-7 图形平移 - 平移矩阵.mp4 (106.67 MB), 13:24

  *   08 3-8 图形缩放 - 缩放矩阵.mp4 (50.82 MB), 06:43

  *   09 3-9 图形旋转 - 旋转矩阵.mp4 (71.98 MB), 09:56

  *   10 3-10 图形复合变换 - 矩阵组合.mp4 (71.37 MB), 12:42

  *   11 3-11 实战：实现动态入场效果.mp4 (113.57 MB), 20:09

*   04 第4章 WebGL 颜色和纹理/

  *   01 4-1 使用 varying 变量 - 绘制彩色三角形.mp4 (28.73 MB), 05:45

  *   02 4-2 从顶点到图形 – webgl 渲染流程介绍.mp4 (21.61 MB), 03:58

  *   03 4-3 给图形添加背景图.mp4 (137.01 MB), 24:15

  *   04 4-4 使用多重纹理.mp4 (50.85 MB), 09:05

  *   05 4-5 实战：实现基于 webgl 的放大镜.mp4 (58.51 MB), 10:27

*   05 第5章 WebGL原理学习：OpenGL ES 语言/

  *   01 5-1 OpenGL ES 语言基础.mp4 (44.55 MB), 07:24

  *   02 5-2 矢量和矩阵.mp4 (22.06 MB), 03:29

  *   03 5-3 纹理取样器.mp4 (23.09 MB), 03:03

  *   04 5-4 分支和循环.mp4 (15.02 MB), 02:26

  *   05 5-5 函数.mp4 (16.65 MB), 02:24

  *   06 5-6 内置函数介绍.mp4 (17.63 MB), 02:48

  *   07 5-7 存储限定词.mp4 (28.94 MB), 04:47

  *   08 5-8 实战：实现 webgl 小球融合.mp4 (110.27 MB), 19:57

*   06 第6章 WebGL 三维世界/

  *   01 6-1 3D 基础.mp4 (115.58 MB), 17:19

  *   02 6-2 正射投影.mp4 (74.88 MB), 10:20

  *   03 6-3 透视投影.mp4 (133.48 MB), 17:17

  *   04 6-4 立方体绘制（顶点法）.mp4 (70.95 MB), 12:00

  *   05 6-5 立方体绘制（索引法）.mp4 (71.74 MB), 12:57

  *   06 6-6 实战：实现图形圆角.mp4 (101.43 MB), 18:35

*   07 第7章 webgl 光照/

  *   01 7-1 光是如何使用的.mp4 (48.46 MB), 08:10

  *   02 7-2 给场景添加光源.mp4 (62.17 MB), 11:03

*   08 第8章 WebGL 进阶操作/

  *   01 8-1 雾化.mp4 (83.16 MB), 11:33

  *   02 8-2 绘制圆形的点.mp4 (29.89 MB), 04:55

  *   03 8-3 绘制半透明物体.mp4 (17.01 MB), 02:31

*   09 第9章 【Threejs 基础】简单实现一些阴影、雾化的效果/

  *   01 9-1 什么是 threejs.mp4 (16.12 MB), 01:50

  *   02 9-2 渲染三维对象.mp4 (68.08 MB), 11:57

  *   03 9-3 场景添加灯光.mp4 (24.53 MB), 04:07

  *   04 9-4 添加阴影效果.mp4 (49.22 MB), 06:54

  *   05 9-5 添加雾化效果.mp4 (21.50 MB), 02:44

*   10 第10章 【Threejs 组件】每个组件都有其独特的使用方法，可以做特定的设置/

  *   01 10-1 基础组件 - Scene.mp4 (33.47 MB), 05:55

  *   02 10-2 基础组件 - 几何体.mp4 (13.55 MB), 02:34

  *   03 10-3 基础组件 - 正射投影相机.mp4 (14.38 MB), 02:20

  *   04 10-4 基础组件 - 透视投影相机.mp4 (9.03 MB), 01:26

*   11 第11章 【Threejs 光源】相信光，能照亮场景的每个角落，一个不够再来几个吧。/

  *   01 11-1 光源类型.mp4 (15.09 MB), 02:52

  *   02 11-2 聚光灯光源.mp4 (102.77 MB), 17:56

  *   03 11-3 环境光.mp4 (27.33 MB), 03:41

  *   04 11-4 点光源.mp4 (20.46 MB), 02:51

  *   05 11-5 平行光.mp4 (32.74 MB), 04:50

  *   06 11-6 半球光.mp4 (30.88 MB), 04:58

*   12 第12章 【threejs 材质】不同的材质能呈现出不同的效果，合适最重要/

  *   01 12-1 材质简介.mp4 (30.19 MB), 05:18

  *   02 12-2 基础材质.mp4 (34.26 MB), 05:39

  *   03 12-3 深度材质.mp4 (29.17 MB), 04:23

  *   04 12-4 法向材质.mp4 (23.91 MB), 03:40

  *   05 12-5 面材质.mp4 (14.35 MB), 02:02

  *   06 12-6 郎伯材质.mp4 (25.57 MB), 03:47

  *   07 12-7 Phong 材质.mp4 (23.55 MB), 03:15

  *   08 12-8 着色器材质.mp4 (38.13 MB), 06:47

  *   09 12-9 直线和虚线.mp4 (40.79 MB), 07:17

  *   10 12-10 联合材质.mp4 (19.66 MB), 02:46

*   13 第13章 【Threejs 几何体】还在为物体坐标烦恼吗内置几何体来了/

  *   01 13-1 几何体简介.mp4 (10.88 MB), 01:52

  *   02 13-2 二维平面.mp4 (113.97 MB), 19:12

  *   03 13-3 二维圆.mp4 (37.36 MB), 04:35

  *   04 13-4 自定义二维图形.mp4 (18.54 MB), 02:37

  *   05 13-5 立方体.mp4 (29.99 MB), 04:10

  *   06 13-6 球体.mp4 (29.70 MB), 04:44

  *   07 13-7 圆柱体.mp4 (25.74 MB), 04:33

  *   08 13-8 圆环.mp4 (34.82 MB), 04:44

  *   09 13-9 纽结.mp4 (30.48 MB), 03:52

  *   10 13-10 多面体.mp4 (52.25 MB), 08:24

  *   11 13-11 文字.mp4 (48.88 MB), 08:37

*   14 第14章 【Threejs 动画和相机】不同的角度看到的景色是不一样的，从多角度来观察吧/

  *   01 14-1 基础动画.mp4 (8.94 MB), 02:24

  *   02 14-2 通过 Tween 实现动画.mp4 (30.21 MB), 05:28

  *   03 14-3 点击选取对象.mp4 (60.39 MB), 10:50

  *   04 14-4 加载外部文件.mp4 (32.32 MB), 05:25

  *   05 14-5 使用相机控件.mp4 (53.74 MB), 09:01

  *   06 14-6 实战：实现骨骼动画.mp4 (168.91 MB), 27:05

*   15 第15章 【Threejs 纹理】场景不再单一，丰富多了/

  *   01 15-1 基础纹理.mp4 (40.27 MB), 05:39

  *   02 15-2 凹凸贴图.mp4 (39.96 MB), 05:26

  *   03 15-3 法向贴图.mp4 (43.92 MB), 05:56

  *   04 15-4 环境贴图.mp4 (80.00 MB), 13:16

  *   05 15-5 canvas贴图.mp4 (31.64 MB), 05:10

  *   06 15-6 实战：实现辉光效果.mp4 (100.95 MB), 18:11

*   16 第16章 【Threejs 粒子】舞动的精灵，你值得拥有/

  *   01 16-1 粒子和粒子系统.mp4 (49.04 MB), 08:13

  *   02 16-2 使用粒子实现水波效果.mp4 (72.23 MB), 12:54

  *   03 16-3 粒子组合成立方体.mp4 (94.30 MB), 16:43

  *   04 16-4 图片粒子化.mp4 (187.97 MB), 33:50

*   17 第17章 【智慧城市实战】基础内容怎么样了来实战一下吧/

  *   01 17-1 blender基础使用.mp4 (24.11 MB), 04:20

  *   02 17-2 通过blender创建城市模型.mp4 (56.06 MB), 09:50

  *   03 17-3 创建项目及场景添加.mp4 (100.30 MB), 17:29

  *   04 17-4 加载城市模型.mp4 (116.69 MB), 21:00

  *   05 17-5 背景天空盒.mp4 (36.86 MB), 06:10

  *   06 17-6 添加交互效果.mp4 (68.98 MB), 12:15

  *   07 17-7 给建筑物添加渐变色.mp4 (66.59 MB), 11:53

  *   08 17-8 创建建筑物外围线条.mp4 (41.77 MB), 07:21

  *   09 17-9 添加建筑物扫描线.mp4 (52.92 MB), 09:23

  *   10 17-10 添加场景扫描线.mp4 (67.57 MB), 11:57

  *   11 17-11 特效：雷达效果.mp4 (78.72 MB), 13:50

  *   12 17-12 特效：透明墙.mp4 (83.51 MB), 14:49

  *   13 17-13 特效：地面扩散.mp4 (52.52 MB), 09:15

  *   14 17-14 特效：扩散半球.mp4 (32.27 MB), 05:43

  *   15 17-15 特效：旋转四棱锥.mp4 (53.38 MB), 09:26

  *   16 17-16 特效：飞线.mp4 (96.65 MB), 16:58

  *   17 17-17 特效：路径移动.mp4 (23.14 MB), 04:02

  *   18 17-18 场景文字添加.mp4 (52.50 MB), 08:59

  *   19 17-19 天气：冬雪.mp4 (123.56 MB), 21:10

  *   20 17-20 天气：夏雨.mp4 (110.17 MB), 19:28

  *   21 17-21 跟随鼠标缩放.mp4 (53.23 MB), 09:22

  *   22 17-22 建筑物生长.mp4 (62.63 MB), 11:16

  *   23 17-23 烟雾预警.mp4 (155.51 MB), 27:52

*   18 第18章 番外篇：webgl里的数学/

  *   01 18-1 番外 1 三角函数.mp4 (33.51 MB), 06:26

  *   02 18-2 番外 2 向量乘以标量.mp4 (24.03 MB), 04:42

  *   03 18-3 番外 3 向量长度计算.mp4 (14.28 MB), 02:29

  *   04 18-4 番外 4 两个向量的距离.mp4 (45.55 MB), 08:43

  *   05 18-5 番外 5 归一化.mp4 (9.62 MB), 01:36

  *   06 18-6 番外 6 点积.mp4 (44.52 MB), 08:15

  *   07 18-7 番外 7 叉积.mp4 (45.16 MB), 07:06

  *   08 18-8 番外 8 向量运算.mp4 (37.51 MB), 08:56

  *   09 18-9 番外 9 矩阵运算.mp4 (61.72 MB), 11:12

  *   10 18-10 番外 10 旋转矩阵.mp4 (10.84 MB), 02:29