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

admin

讲师介绍:
月影（吴亮），前奇虎360奇舞团团长，拥有15年开发经验的资深前端专家，熟悉JavaScript相关的开发工作，著有《JavaScript王者归来》。

月影非常热爱写代码，一直在做一线项目开发，并坚持技术输出。最近几年，月影深耕于可视化领域，深入研究图形学和渲染引擎底层技术，并且作为核心开发者，开发出了开源跨平台图形系统SpriteJS。SpriteJS默认采用WebGL渲染，针对可视化场景做了大量优化，能够高性能地渲染酷炫的可视化大屏。同时，它还有很好的跨平台能力，可以移植到任何拥有Canvas环境的平台上。

课程目录:
课前必学 (2讲)
开篇词｜不写网页的前端工程师，还能干什么？
预习｜Web前端与可视化到底有什么区别？

图形基础篇 (4讲)
01｜浏览器中实现可视化的四种方式
02｜指令式绘图系统：如何用Canvas绘制层次关系图？
03｜声明式图形系统：如何用SVG图形元素绘制可视化图表？
04｜GPU与渲染管线：如何用WebGL绘制最简单的几何图形？

数学篇 (5讲)
05｜如何用向量和坐标系描述点和线段？
06｜可视化中你必须要掌握的向量乘法知识
07｜如何用向量和参数方程描述曲线？
08｜如何利用三角剖分和向量操作描述并处理多边形？
09｜如何用仿射变换对几何图形进行坐标变换？

视觉基础篇 (8讲)
10｜图形系统如何表示颜色？
11｜图案生成：如何生成重复图案、分形图案以及随机效果？
12｜如何使用滤镜函数实现美颜效果？
13｜如何给简单的图案添加纹理和复杂滤镜？
14｜如何使用片元着色器进行几何造型？
15｜如何用极坐标系绘制有趣图案？
16｜如何使用噪声生成复杂的纹理？
17｜如何使用后期处理通道增强图像效果？

视觉高级篇 (10讲)
18｜如何生成简单动画让图形动起来？
19｜如何用着色器实现像素动画？
20｜如何用WebGL绘制3D物体？
21｜如何添加相机，用透视原理对物体进行投影？
22｜如何用仿射变换来移动和旋转3D物体？
23｜如何模拟光照让3D场景更逼真？（上）
24｜如何模拟光照让3D场景更逼真？（下）
25｜如何用法线贴图模拟真实物体表面
26｜如何绘制带宽度的曲线？
27｜案例：如何实现简单的3D可视化图表？

性能篇 (3讲)
28｜Canvas、SVG与WebGL在性能上的优势与劣势
29｜怎么给Canvas绘制加速？
30｜怎么给WebGL绘制加速？

数据篇 (12讲)
31｜针对海量数据，如何优化性能？
32｜数据之美：如何选择合适的方法对数据进行可视化处理？
33｜数据处理（一）：可视化数据处理的一般方法是什么？
34｜数据处理（二）：如何处理多元变量？
35| 设计（一）：如何让可视化设计更加清晰？
36｜设计（二）：如何理解可视化设计原则？
37｜实战（一）：如何使用图表库绘制常用数据图表？
38｜实战（二）：如何使用数据驱动框架绘制常用数据图表？
39｜实战（三）：如何实现地理信息的可视化？
40| 实战（四）：如何实现3D地球可视化（上）？
41｜实战（五）：如何实现3D地球可视化（下）？
42｜如何整理出我们自己的可视化工具集？

国庆策划 (2讲)
国庆策划｜假期别闲着，一起来挑战“手势密码”
国庆策划｜快来看看怎么用原生JavaScript实现手势解锁组件

特别放送 (6讲)
加餐1｜作为一名程序员，数学到底要多好？
加餐2｜SpriteJS：我是如何设计一个可视化图形渲染引擎的？
用户故事｜非前端开发，我为什么要学可视化？
加餐3｜轻松一刻：我想和你聊聊前端的未来
加餐4｜一篇文章，带你快速理解函数式编程
加餐5｜周爱民：我想和你分享些学习的道理

结束语 (2讲)
结束语｜可视化工程师的未来之路
有奖征集倒计时4天！你填写毕业问卷了吗？

游客，如果您要查看本帖隐藏内容请回复

xiaod

正需要，支持楼主大人了！

insidejvm

啥也不说了，感谢楼主分享哇！

xiaokou

学习一下

ykylyg

谢谢分享

plusman

谢谢楼主，非常好的资源

qiangck

跟月影学可视化跟月影学可视化

demo110

啥也不说了，感谢楼主分享哇

121888598

感谢分享。

徐志文

8888888888888888888888