极客时间-专栏课-月影-跟月影学可视化(系统掌握图形学与可视化核心原理) 完结

编辑点评

深入浅出，理论与实践结合，适合对可视化有深度需求的开发者。

⭐ 编辑推荐

月影老师带你从数学基础到实战应用，全面掌握可视化核心原理。

✨ 课程亮点

课程目录

📁 06-数据篇 (12讲)
06-数据篇 (12讲)资料.zip [1.8 MB]
36丨设计（二）：如何理解可视化设计原则？.pdf [2.3 MB]
32丨数据之美：如何选择合适的方法对数据进行可视化处理？.pdf [2.6 MB]
42丨如何整理出我们自己的可视化工具集？.html [5.8 MB]
42丨如何整理出我们自己的可视化工具集？.pdf [4.1 MB]
35丨设计（一）：如何让可视化设计更加清晰？.html [3.6 MB]
31丨针对海量数据，如何优化性能？.pdf [2.8 MB]
32丨数据之美：如何选择合适的方法对数据进行可视化处理？.html [9.3 MB]
42丨如何整理出我们自己的可视化工具集？.m4a [8.7 MB]
37丨实战（一）：如何使用图表库绘制常用数据图表？.pdf [2.2 MB]
39丨实战（三）：如何实现地理信息的可视化？.m4a [8.3 MB]
38丨实战（二）：如何使用数据驱动框架绘制常用数据图表？.pdf [1.4 MB]
39丨实战（三）：如何实现地理信息的可视化？.html [4.7 MB]
40丨实战（四）：如何实现3D地球可视化（上）？.pdf [1.7 MB]
40丨实战（四）：如何实现3D地球可视化（上）？.html [13.0 MB]
41丨实战（五）：如何实现3D地球可视化（下）？.html [17.3 MB]
34丨数据处理（二）：如何处理多元变量？.m4a [7.6 MB]
33丨数据处理（一）：可视化数据处理的一般方法是什么？.m4a [9.8 MB]
41丨实战（五）：如何实现3D地球可视化（下）？.pdf [1.4 MB]
37丨实战（一）：如何使用图表库绘制常用数据图表？.m4a [7.0 MB]
33丨数据处理（一）：可视化数据处理的一般方法是什么？.html [2.5 MB]
36丨设计（二）：如何理解可视化设计原则？.html [3.4 MB]
32丨数据之美：如何选择合适的方法对数据进行可视化处理？.m4a [8.2 MB]
31丨针对海量数据，如何优化性能？.html [7.2 MB]
40丨实战（四）：如何实现3D地球可视化（上）？.m4a [6.9 MB]
38丨实战（二）：如何使用数据驱动框架绘制常用数据图表？.m4a [10.0 MB]
33丨数据处理（一）：可视化数据处理的一般方法是什么？.pdf [1.6 MB]
35丨设计（一）：如何让可视化设计更加清晰？.m4a [8.4 MB]
34丨数据处理（二）：如何处理多元变量？.pdf [3.0 MB]
31丨针对海量数据，如何优化性能？.m4a [8.6 MB]
34丨数据处理（二）：如何处理多元变量？.html [4.2 MB]
39丨实战（三）：如何实现地理信息的可视化？.pdf [1.9 MB]
41丨实战（五）：如何实现3D地球可视化（下）？.m4a [8.0 MB]
38丨实战（二）：如何使用数据驱动框架绘制常用数据图表？.html [8.8 MB]
36丨设计（二）：如何理解可视化设计原则？.m4a [8.5 MB]
35丨设计（一）：如何让可视化设计更加清晰？.pdf [2.3 MB]
37丨实战（一）：如何使用图表库绘制常用数据图表？.html [3.6 MB]
📁 03-视觉基础篇 (8讲)
03-视觉基础篇 (8讲)必看.zip [1.8 MB]
16丨如何使用噪声生成复杂的纹理？.html [24.1 MB]
10丨图形系统如何表示颜色？.m4a [12.7 MB]
17丨如何使用后期处理通道增强图像效果？.html [9.0 MB]
15丨如何用极坐标系绘制有趣图案？.m4a [10.4 MB]
16丨如何使用噪声生成复杂的纹理？.m4a [8.3 MB]
13丨如何给简单的图案添加纹理和复杂滤镜？.pdf [5.5 MB]
14丨如何使用片元着色器进行几何造型？.m4a [10.5 MB]
11｜图案生成：如何生成重复图案、分形图案以及随机效果？.pdf [3.1 MB]
16丨如何使用噪声生成复杂的纹理？.pdf [4.6 MB]
11｜图案生成：如何生成重复图案、分形图案以及随机效果？.m4a [14.4 MB]
11｜图案生成：如何生成重复图案、分形图案以及随机效果？.html [11.3 MB]
17丨如何使用后期处理通道增强图像效果？.pdf [3.3 MB]
14丨如何使用片元着色器进行几何造型？.html [35.7 MB]
10丨图形系统如何表示颜色？.pdf [2.3 MB]
17丨如何使用后期处理通道增强图像效果？.m4a [9.6 MB]
15丨如何用极坐标系绘制有趣图案？.html [7.6 MB]
12丨如何使用滤镜函数实现美颜效果？.m4a [14.0 MB]
12丨如何使用滤镜函数实现美颜效果？.pdf [3.9 MB]
13丨如何给简单的图案添加纹理和复杂滤镜？.html [9.2 MB]
13丨如何给简单的图案添加纹理和复杂滤镜？.m4a [10.0 MB]
14丨如何使用片元着色器进行几何造型？.pdf [3.0 MB]
12丨如何使用滤镜函数实现美颜效果？.html [5.9 MB]
15丨如何用极坐标系绘制有趣图案？.pdf [2.6 MB]
10丨图形系统如何表示颜色？.html [3.1 MB]
📁 02-数学篇 (5讲)
02-数学篇 (5讲)说明.png [493.5 KB]
05丨如何用向量和坐标系描述点和线段？.html [4.0 MB]
08丨如何利用三角剖分和向量操作描述并处理多边形？.pdf [1.8 MB]
07丨如何用向量和参数方程描述曲线？.m4a [10.6 MB]
06丨可视化中你必须要掌握的向量乘法知识.m4a [7.1 MB]
09丨如何用仿射变换对几何图形进行坐标变换？.m4a [14.3 MB]
06丨可视化中你必须要掌握的向量乘法知识.pdf [1.6 MB]
09丨如何用仿射变换对几何图形进行坐标变换？.pdf [2.4 MB]
08丨如何利用三角剖分和向量操作描述并处理多边形？.m4a [13.8 MB]
08丨如何利用三角剖分和向量操作描述并处理多边形？.html [3.9 MB]
05丨如何用向量和坐标系描述点和线段？.pdf [2.7 MB]
07丨如何用向量和参数方程描述曲线？.html [3.7 MB]
06丨可视化中你必须要掌握的向量乘法知识.html [2.5 MB]
07丨如何用向量和参数方程描述曲线？.pdf [2.1 MB]
05丨如何用向量和坐标系描述点和线段？.m4a [12.2 MB]
09丨如何用仿射变换对几何图形进行坐标变换？.html [3.9 MB]
📁 09-结束语 (2讲)
09-结束语 (2讲)文档.zip [1.8 MB]
结束语丨可视化工程师的未来之路.html [2.9 MB]
结束语丨可视化工程师的未来之路.pdf [1.9 MB]
结束语丨可视化工程师的未来之路.m4a [4.4 MB]
📁 07-国庆策划 (2讲)
国庆策划丨快来看看怎么用原生JavaScript实现手势解锁组件.html [3.0 MB]
国庆策划丨假期别闲着，一起来挑战“手势密码”.m4a [679.4 KB]
国庆策划丨假期别闲着，一起来挑战“手势密码”.html [2.8 MB]
国庆策划丨假期别闲着，一起来挑战“手势密码”.pdf [1.7 MB]
国庆策划丨快来看看怎么用原生JavaScript实现手势解锁组件.m4a [549.3 KB]
国庆策划丨快来看看怎么用原生JavaScript实现手势解锁组件.pdf [2.0 MB]
📁 08-特别放送 (6讲)
加餐四丨一篇文章，带你快速理解函数式编程.html [3.7 MB]
加餐一丨作为一名程序员，数学到底要多好？.html [7.4 MB]
加餐一丨作为一名程序员，数学到底要多好？.pdf [4.1 MB]
加餐二丨SpriteJS：我是如何设计一个可视化图形渲染引擎的？.html [10.5 MB]
加餐五｜周爱民：我想和你分享些学习的道理.html [1.9 MB]
用户故事丨非前端开发，我为什么要学可视化？.html [2.1 MB]
加餐二丨SpriteJS：我是如何设计一个可视化图形渲染引擎的？.m4a [10.2 MB]
用户故事丨非前端开发，我为什么要学可视化？.m4a [5.9 MB]
加餐三丨轻松一刻：我想和你聊聊前端的未来.m4a [6.4 MB]
用户故事丨非前端开发，我为什么要学可视化？.pdf [1.4 MB]
加餐二丨SpriteJS：我是如何设计一个可视化图形渲染引擎的？.pdf [2.2 MB]
加餐四丨一篇文章，带你快速理解函数式编程.m4a [8.3 MB]
加餐四丨一篇文章，带你快速理解函数式编程.pdf [2.0 MB]
加餐三丨轻松一刻：我想和你聊聊前端的未来.pdf [1.4 MB]
加餐三丨轻松一刻：我想和你聊聊前端的未来.html [2.1 MB]
加餐五｜周爱民：我想和你分享些学习的道理.pdf [1.5 MB]
加餐一丨作为一名程序员，数学到底要多好？.m4a [11.4 MB]
📁 01-图形基础篇 (4讲)
04丨GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（下）.html [2.4 MB]
04丨GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（上）.html [2.7 MB]
04丨GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（上）.pdf [1.8 MB]
03丨声明式图形系统：如何用SVG图形元素绘制可视化图表？.html [3.6 MB]
03丨声明式图形系统：如何用SVG图形元素绘制可视化图表？.pdf [1.3 MB]
01丨浏览器中实现可视化的四种方式.html [3.7 MB]
04丨GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（下）.pdf [1.6 MB]
03丨声明式图形系统：如何用SVG图形元素绘制可视化图表？.m4a [11.8 MB]
02丨指令式绘图系统：如何用Canvas绘制层次关系图？.pdf [1.6 MB]
01丨浏览器中实现可视化的四种方式.m4a [13.5 MB]
02丨指令式绘图系统：如何用Canvas绘制层次关系图？.m4a [14.6 MB]
04丨GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（下）.m4a [9.1 MB]
01丨浏览器中实现可视化的四种方式.pdf [2.3 MB]
04丨GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（上）.m4a [8.4 MB]
02丨指令式绘图系统：如何用Canvas绘制层次关系图？.html [2.5 MB]
📁 00-课前必学 (2讲)
00丨开篇词丨不写网页的前端工程师，还能干什么？.html [4.8 MB]
00丨开篇词丨不写网页的前端工程师，还能干什么？.pdf [2.0 MB]
00丨预习丨Web前端与可视化到底有什么区别？.pdf [3.0 MB]
00丨预习丨Web前端与可视化到底有什么区别？.html [4.1 MB]
00丨预习丨Web前端与可视化到底有什么区别？.m4a [8.4 MB]
00丨开篇词丨不写网页的前端工程师，还能干什么？.m4a [10.5 MB]
📁 04-视觉高级篇 (10讲)
22丨如何用仿射变换来移动和旋转3D物体？.pdf [1.6 MB]
19丨如何用着色器实现像素动画？.html [9.8 MB]
18丨如何生成简单动画让图形动起来？.html [3.5 MB]
23丨如何模拟光照让3D场景更逼真？（上）.html [9.4 MB]
18丨如何生成简单动画让图形动起来？.m4a [9.7 MB]
24丨如何模拟光照让3D场景更逼真？（下）.pdf [1.6 MB]
27丨案例：如何实现简单的3D可视化图表？.m4a [9.1 MB]
20丨如何用WebGL绘制3D物体？.pdf [1.6 MB]
19丨如何用着色器实现像素动画？.pdf [1.4 MB]
27丨案例：如何实现简单的3D可视化图表？.pdf [2.4 MB]
21丨如何添加相机，用透视原理对物体进行投影？.pdf [1.7 MB]
23丨如何模拟光照让3D场景更逼真？（上）.m4a [7.1 MB]
25丨如何用法线贴图模拟真实物体表面.pdf [1.9 MB]
25丨如何用法线贴图模拟真实物体表面.html [7.7 MB]
24丨如何模拟光照让3D场景更逼真？（下）.m4a [7.6 MB]
26丨如何绘制带宽度的曲线？.pdf [1.7 MB]
22丨如何用仿射变换来移动和旋转3D物体？.m4a [8.9 MB]
20丨如何用WebGL绘制3D物体？.html [4.6 MB]
25丨如何用法线贴图模拟真实物体表面.m4a [6.8 MB]
22丨如何用仿射变换来移动和旋转3D物体？.html [4.5 MB]
18丨如何生成简单动画让图形动起来？.pdf [1.5 MB]
24丨如何模拟光照让3D场景更逼真？（下）.html [5.7 MB]
27丨案例：如何实现简单的3D可视化图表？.html [15.1 MB]
23丨如何模拟光照让3D场景更逼真？（上）.pdf [2.2 MB]
26丨如何绘制带宽度的曲线？.html [3.0 MB]
21丨如何添加相机，用透视原理对物体进行投影？.html [3.7 MB]
20丨如何用WebGL绘制3D物体？.m4a [7.7 MB]
19丨如何用着色器实现像素动画？.m4a [8.1 MB]
21丨如何添加相机，用透视原理对物体进行投影？.m4a [8.1 MB]
26丨如何绘制带宽度的曲线？.m4a [7.9 MB]
📁 05-性能篇 (3讲)
29丨怎么给Canvas绘制加速？.html [20.7 MB]
30｜怎么给WebGL绘制加速？.pdf [1.7 MB]
30｜怎么给WebGL绘制加速？.html [5.3 MB]
29丨怎么给Canvas绘制加速？.pdf [2.2 MB]
28丨Canvas、SVG与WebGL在性能上的优势与劣势.m4a [10.5 MB]
28丨Canvas、SVG与WebGL在性能上的优势与劣势.pdf [2.4 MB]
28丨Canvas、SVG与WebGL在性能上的优势与劣势.html [3.6 MB]
30｜怎么给WebGL绘制加速？.m4a [11.2 MB]
29丨怎么给Canvas绘制加速？.m4a [12.0 MB]

适合人群

• 可视化开发者
• 数据分析师
• 图形界面设计师

🎯 学习收获

• 掌握可视化设计原则
• 学会使用图表库绘制数据图表
• 实现复杂可视化效果

🎉 祝您学习愉快！