Please enable JavaScript.
Coggle requires JavaScript to display documents.
跟月影一起学可视化 - Coggle Diagram
跟月影一起学可视化
高级视觉基础
如何生成简单动画让图形动起来？
如何用着色器实现像素动画？
如何用WebGL绘制3D物体？
如何添加相机，用透视原理对物体进行投影？
如何用仿射变换来移动和旋转3D物体？
如何模拟光照让3D场景更逼真？（上）
如何模拟光照让3D场景更逼真？（下）
如何用法线贴图模拟真实物体表面
如何绘制带宽度的曲线？
案例：如何实现简单的3D可视化图表？
数据篇
海量数据如何优化性能
数据之美，如何选用合适的方法对数据进行处理
可视化数据处理的一般方法
如何处理多元变量
如何让可视化设计更加清晰
如何理解可视化设计原则
如何使用图表库绘制常用数据图表？
如何使用数据驱动框架绘制常用数据
如何实现地理信息的可视化？
视觉基础
图形系统如何表示颜色
图案生成：如何生成重复图案、分形图案以及随机效果？
如何使用滤镜函数实现美颜效果？
如何给简单的图案添加纹理和复杂滤镜？
如何使用片元着色器进行几何造型？
如何用极坐标系绘制有趣图案？
如何使用噪声生成复杂的纹理？
如何使用后期处理通道增强图像效果？
数学篇
如何用向量和坐标系描述点和线段
可视化中必须掌握的乘法知识
如何使用向量和参数方程描绘曲线
如何用三角剖分和向量描述并处理多边形
如何用仿射变化对几何图形进行坐标变换
web 图形基础
浏览器中实现可视化的四种方式
HTML + CSS
SVG
Canvas2D
WebGL
如何用 Canvas 绘制层次关系图
如何用SVG图形元素绘制可视化图表
GPU 渲染管线，如何用WebGL绘制最简单的几何图形
性能篇
Canvas、SVG与WebGL在性能上的优势与劣势
怎么给Canvas绘制加速？
怎么给WebGL绘制加速？