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

系统掌握图形学与可视化核心原理

编辑点评

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

⭐ 编辑推荐

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

课程亮点

图形学原理深入浅出
可视化设计原则解析
实战案例丰富

课程目录

📁 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]

适合人群

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

学习收获

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

祝您学习愉快!

学有所成,前程似锦!