跟月影学可视化 系统掌握图形学与可视化核心原理资源简介：
你将获得
从 0 到 1 构建可视化技术体系
掌握 4 大绘图系统底层实现原理
开发适合自己的可视化工具集
案例 + 代码，实现 3D 可视化大屏
系统讲解可视化开发的原理和方法、数据处理的技巧以及视觉呈现的各种方式，帮助你创建出自己的可视化工具集，更高效地解决可视化开发中的问题。由此，你不仅可以实现更具冲击力的视觉效果，还能从中收获高级的前端知识，让你成为“更懂前端”的可视化人才。
课程目录
00 、开篇词 、不写网页的前端工程师，还能干什么？.html
00 、开篇词 、不写网页的前端工程师，还能干什么？.m4a
00 、开篇词 、不写网页的前端工程师，还能干什么？.pdf
00 、预习 、Web前端与可视化到底有什么区别？.html
00 、预习 、Web前端与可视化到底有什么区别？.m4a
00 、预习 、Web前端与可视化到底有什么区别？.pdf
01 、浏览器中实现可视化的四种方式.html
01 、浏览器中实现可视化的四种方式.m4a
01 、浏览器中实现可视化的四种方式.pdf
02 、指令式绘图系统：如何用Canvas绘制层次关系图？.html
02 、指令式绘图系统：如何用Canvas绘制层次关系图？.m4a
02 、指令式绘图系统：如何用Canvas绘制层次关系图？.pdf
03 、声明式图形系统：如何用SVG图形元素绘制可视化图表？.html
03 、声明式图形系统：如何用SVG图形元素绘制可视化图表？.m4a
03 、声明式图形系统：如何用SVG图形元素绘制可视化图表？.pdf
04 、GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（上）.html
04 、GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（上）.m4a
04 、GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（上）.pdf
04 、GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（下）.html
04 、GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（下）.m4a
04 、GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（下）.pdf
05 、如何用向量和坐标系描述点和线段？.html
05 、如何用向量和坐标系描述点和线段？.m4a
05 、如何用向量和坐标系描述点和线段？.pdf
06 、可视化中你必须要掌握的向量乘法知识.html
06 、可视化中你必须要掌握的向量乘法知识.m4a
06 、可视化中你必须要掌握的向量乘法知识.pdf
07 、如何用向量和参数方程描述曲线？.html
07 、如何用向量和参数方程描述曲线？.m4a
07 、如何用向量和参数方程描述曲线？.pdf
08 、如何利用三角剖分和向量操作描述并处理多边形？.html
08 、如何利用三角剖分和向量操作描述并处理多边形？.m4a
08 、如何利用三角剖分和向量操作描述并处理多边形？.pdf
09 、如何用仿射变换对几何图形进行坐标变换？.html
09 、如何用仿射变换对几何图形进行坐标变换？.m4a
09 、如何用仿射变换对几何图形进行坐标变换？.pdf
10 、图形系统如何表示颜色？.html
10 、图形系统如何表示颜色？.m4a
10 、图形系统如何表示颜色？.pdf
11｜图案生成：如何生成重复图案、分形图案以及随机效果？.html
11｜图案生成：如何生成重复图案、分形图案以及随机效果？.m4a
11｜图案生成：如何生成重复图案、分形图案以及随机效果？.pdf
12 、如何使用滤镜函数实现美颜效果？.html
12 、如何使用滤镜函数实现美颜效果？.m4a
12 、如何使用滤镜函数实现美颜效果？.pdf
13 、如何给简单的图案添加纹理和复杂滤镜？.html
13 、如何给简单的图案添加纹理和复杂滤镜？.m4a
13 、如何给简单的图案添加纹理和复杂滤镜？.pdf
14 、如何使用片元着色器进行几何造型？.html
14 、如何使用片元着色器进行几何造型？.m4a
14 、如何使用片元着色器进行几何造型？.pdf
15 、如何用极坐标系绘制有趣图案？.html
15 、如何用极坐标系绘制有趣图案？.m4a
15 、如何用极坐标系绘制有趣图案？.pdf
16 、如何使用噪声生成复杂的纹理？.html
16 、如何使用噪声生成复杂的纹理？.m4a
16 、如何使用噪声生成复杂的纹理？.pdf
17 、如何使用后期处理通道增强图像效果？.html
17 、如何使用后期处理通道增强图像效果？.m4a
17 、如何使用后期处理通道增强图像效果？.pdf
18 、如何生成简单动画让图形动起来？.html
18 、如何生成简单动画让图形动起来？.m4a
18 、如何生成简单动画让图形动起来？.pdf
19 、如何用着色器实现像素动画？.html
19 、如何用着色器实现像素动画？.m4a
19 、如何用着色器实现像素动画？.pdf
20 、如何用WebGL绘制3D物体？.html
20 、如何用WebGL绘制3D物体？.m4a
20 、如何用WebGL绘制3D物体？.pdf
21 、如何添加相机，用透视原理对物体进行投影？.html
21 、如何添加相机，用透视原理对物体进行投影？.m4a
21 、如何添加相机，用透视原理对物体进行投影？.pdf
22 、如何用仿射变换来移动和旋转3D物体？.html
22 、如何用仿射变换来移动和旋转3D物体？.m4a
22 、如何用仿射变换来移动和旋转3D物体？.pdf
23 、如何模拟光照让3D场景更逼真？（上）.html
23 、如何模拟光照让3D场景更逼真？（上）.m4a
23 、如何模拟光照让3D场景更逼真？（上）.pdf
24 、如何模拟光照让3D场景更逼真？（下）.html
24 、如何模拟光照让3D场景更逼真？（下）.m4a
24 、如何模拟光照让3D场景更逼真？（下）.pdf
25 、如何用法线贴图模拟真实物体表面.html
25 、如何用法线贴图模拟真实物体表面.m4a
25 、如何用法线贴图模拟真实物体表面.pdf
26 、如何绘制带宽度的曲线？.html
26 、如何绘制带宽度的曲线？.m4a
26 、如何绘制带宽度的曲线？.pdf
27 、案例：如何实现简单的3D可视化图表？.html
27 、案例：如何实现简单的3D可视化图表？.m4a
27 、案例：如何实现简单的3D可视化图表？.pdf
28 、Canvas、SVG与WebGL在性能上的优势与劣势.html
28 、Canvas、SVG与WebGL在性能上的优势与劣势.m4a
28 、Canvas、SVG与WebGL在性能上的优势与劣势.pdf
29 、怎么给Canvas绘制加速？.html
29 、怎么给Canvas绘制加速？.m4a
29 、怎么给Canvas绘制加速？.pdf
30｜怎么给WebGL绘制加速？.html
30｜怎么给WebGL绘制加速？.m4a
30｜怎么给WebGL绘制加速？.pdf
31 、针对海量数据，如何优化性能？.html
31 、针对海量数据，如何优化性能？.m4a
31 、针对海量数据，如何优化性能？.pdf
32 、数据之美：如何选择合适的方法对数据进行可视化处理？.html
32 、数据之美：如何选择合适的方法对数据进行可视化处理？.m4a
32 、数据之美：如何选择合适的方法对数据进行可视化处理？.pdf
33 、数据处理（一）：可视化数据处理的一般方法是什么？.html
33 、数据处理（一）：可视化数据处理的一般方法是什么？.m4a
33 、数据处理（一）：可视化数据处理的一般方法是什么？.pdf
34 、数据处理（二）：如何处理多元变量？.html
34 、数据处理（二）：如何处理多元变量？.m4a
34 、数据处理（二）：如何处理多元变量？.pdf
35 、设计（一）：如何让可视化设计更加清晰？.html
35 、设计（一）：如何让可视化设计更加清晰？.m4a
35 、设计（一）：如何让可视化设计更加清晰？.pdf
36 、设计（二）：如何理解可视化设计原则？.html
36 、设计（二）：如何理解可视化设计原则？.m4a
36 、设计（二）：如何理解可视化设计原则？.pdf
37 、实战（一）：如何使用图表库绘制常用数据图表？.html
37 、实战（一）：如何使用图表库绘制常用数据图表？.m4a
37 、实战（一）：如何使用图表库绘制常用数据图表？.pdf
38 、实战（二）：如何使用数据驱动框架绘制常用数据图表？.html
38 、实战（二）：如何使用数据驱动框架绘制常用数据图表？.m4a
38 、实战（二）：如何使用数据驱动框架绘制常用数据图表？.pdf
39 、实战（三）：如何实现地理信息的可视化？.html
39 、实战（三）：如何实现地理信息的可视化？.m4a
39 、实战（三）：如何实现地理信息的可视化？.pdf
40 、实战（四）：如何实现3D地球可视化（上）？.html
40 、实战（四）：如何实现3D地球可视化（上）？.m4a
40 、实战（四）：如何实现3D地球可视化（上）？.pdf
41 、实战（五）：如何实现3D地球可视化（下）？.html
41 、实战（五）：如何实现3D地球可视化（下）？.m4a
41 、实战（五）：如何实现3D地球可视化（下）？.pdf
42 、如何整理出我们自己的可视化工具集？.html
42 、如何整理出我们自己的可视化工具集？.m4a
42 、如何整理出我们自己的可视化工具集？.pdf
国庆策划 、假期别闲着，一起来挑战“手势密码”.html
国庆策划 、假期别闲着，一起来挑战“手势密码”.m4a
国庆策划 、假期别闲着，一起来挑战“手势密码”.pdf
国庆策划 、快来看看怎么用原生JavaScript实现手势解锁组件.html
国庆策划 、快来看看怎么用原生JavaScript实现手势解锁组件.m4a
国庆策划 、快来看看怎么用原生JavaScript实现手势解锁组件.pdf
加餐二 、SpriteJS：我是如何设计一个可视化图形渲染引擎的？.html
加餐二 、SpriteJS：我是如何设计一个可视化图形渲染引擎的？.m4a
加餐二 、SpriteJS：我是如何设计一个可视化图形渲染引擎的？.pdf
加餐三 、轻松一刻：我想和你聊聊前端的未来.html
加餐三 、轻松一刻：我想和你聊聊前端的未来.m4a
加餐三 、轻松一刻：我想和你聊聊前端的未来.pdf
加餐四 、一篇文章，带你快速理解函数式编程.html
加餐四 、一篇文章，带你快速理解函数式编程.m4a
加餐四 、一篇文章，带你快速理解函数式编程.pdf
加餐五｜周爱民：我想和你分享些学习的道理.html
加餐五｜周爱民：我想和你分享些学习的道理.pdf
加餐一 、作为一名程序员，数学到底要多好？.html
加餐一 、作为一名程序员，数学到底要多好？.m4a
加餐一 、作为一名程序员，数学到底要多好？.pdf
结束语 、可视化工程师的未来之路.html
结束语 、可视化工程师的未来之路.m4a
结束语 、可视化工程师的未来之路.pdf
用户故事 、非前端开发，我为什么要学可视化？.html
用户故事 、非前端开发，我为什么要学可视化？.m4a
用户故事 、非前端开发，我为什么要学可视化？.pdf
