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

你将获得

从 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