跟月影学可视化
00-开篇词-不写网页的前端工程师,还能干什么?.html
01-预习-Web前端与可视化到底有什么区别?.html
02-01-浏览器中实现可视化的四种方式.html
03-02-指令式绘图系统:如何用Canvas绘制层次关系图?.html
04-03-声明式图形系统:如何用SVG图形元素绘制可视化图表?.html
05-04-GPU与渲染管线:如何用WebGL绘制最简单的几何图形?.html
06-05-如何用向量和坐标系描述点和线段?.html
07-06-可视化中你必须要掌握的向量乘法知识.html
08-07-如何用向量和参数方程描述曲线?.html
09-08-如何利用三角剖分和向量操作描述并处理多边形?.html
10-09-如何用仿射变换对几何图形进行坐标变换?.html
11-10-图形系统如何表示颜色?.html
12-11-图案生成:如何生成重复图案、分形图案以及随机效果?.html
13-12-如何使用滤镜函数实现美颜效果?.html
14-13-如何给简单的图案添加纹理和复杂滤镜?.html
15-14-如何使用片元着色器进行几何造型?.html
16-15-如何用极坐标系绘制有趣图案?.html
17-16-如何使用噪声生成复杂的纹理?.html
18-17-如何使用后期处理通道增强图像效果?.html
19-18-如何生成简单动画让图形动起来?.html
20-19-如何用着色器实现像素动画?.html
21-20-如何用WebGL绘制3D物体?.html
22-21-如何添加相机,用透视原理对物体进行投影?.html
23-22-如何用仿射变换来移动和旋转3D物体?.html
24-23-如何模拟光照让3D场景更逼真?(上).html
25-24-如何模拟光照让3D场景更逼真?(下).html
26-25-如何用法线贴图模拟真实物体表面.html
27-26-如何绘制带宽度的曲线?.html
28-27-案例:如何实现简单的3D可视化图表?.html
29-28-Canvas、SVG与WebGL在性能上的优势与劣势.html
30-29-怎么给Canvas绘制加速?.html
31-30-怎么给WebGL绘制加速?.html
32-31-针对海量数据,如何优化性能?.html
33-32-数据之美:如何选择合适的方法对数据进行可视化处理?.html
34-33-数据处理(一):可视化数据处理的一般方法是什么?.html
35-34-数据处理(二):如何处理多元变量?.html
36-35-设计(一):如何让可视化设计更加清晰?.html
37-36-设计(二):如何理解可视化设计原则?.html
38-37-实战(一):如何使用图表库绘制常用数据图表?.html
39-38-实战(二):如何使用数据驱动框架绘制常用数据图表?.html
40-39-实战(三):如何实现地理信息的可视化?.html
41-40-实战(四):如何实现3D地球可视化(上)?.html
42-41-实战(五):如何实现3D地球可视化(下)?.html
43-42-如何整理出我们自己的可视化工具集?.html
44-国庆策划-假期别闲着,一起来挑战“手势密码”.html
45-国庆策划-快来看看怎么用原生JavaScript实现手势解锁组件.html
46-加餐1-作为一名程序员,数学到底要多好?.html
47-加餐2-SpriteJS:我是如何设计一个可视化图形渲染引擎的?.html
48-用户故事-非前端开发,我为什么要学可视化?.html
49-加餐3-轻松一刻:我想和你聊聊前端的未来.html
50-加餐4-一篇文章,带你快速理解函数式编程.html
51-加餐5-周爱民:我想和你分享些学习的道理.html
52-结束语-可视化工程师的未来之路.html
53-有奖征集倒计时4天!你填写毕业问卷了吗?.html