WebGL学习资源汇总（持续更新）

WebGL学习资源汇总

书籍

1. 计算机图形图像处理基础
2. WebGL编程指南
3. Three.js开发指南
4. OPenGL ES 2.0游戏开发

书籍介绍：

1. 《计算机图形图像处理基础》2011年.电子工业出版社出版的.唐波
   全书共分10章，主要内容包括了图形与图像处理的基本概念，图形图像处理的硬件与软件基础，基本图形的生成算法，图形显示技术，交互技术与图形软件标准，图像数字化与数学描述，图像正交变换，图像增强，图像恢复，图像分割。该书融合了计算机图形学与数字图像处理两门学科的知识，系统阐述了图形图像处理的基本理论、方法和技术，力图将图形与图像结合起来，从一个新的视角介绍可视信息处理中这两个最重要的领域。
   这本书可以作为课外书来读，不要去每章都去理解，最好都过一遍，做到心中有数。以后会用到的。
2. 《WebGL编程指南》
   这本书要认真读，反复的阅读。入门阶段读一遍不求甚解，在提升阶段就需要掌握了。
3. 《Three.js开发指南》（中文第2版）
   看第二版，第一版太旧了，而且第二版也有点旧了。这本书要认真读，把源码(https://github.com/josdirksen/learning-threejs)下载下来参考，每个案例都要自己动手写一遍。由于版本更新比较快，书中很多内容以及废弃了，注意案例中的版本号和你使用中的版本号，及时参考官方文档。
   在线案例地址
4. 《OpenGL ES 2.0游戏开发》（上下卷） 吴亚峰
   书籍主要介绍的开发平台是Android，不过基础知识都是相通的，很值得学习研究。 上卷主要内容如下：OpenGL 的渲染管线、着色语言（Shading Language）、投影及各种变换、OpenGL ES 2.0 中光照的基本原理与实现、纹理映射的基本原理与使用、各种 3D 基本形状的原理与实现、纹理映射的基本原理与使用、各种 3D 基本形状的原理与实现、3D模型加载、混合及雾的基本原理与使用、3D开发技巧（包括标志版、灰度图地形、粒子沉积地形、天空盒与天空穹、镜像技术、动态文本输出以及非真实感绘制等一些常用的 3D开发技巧）、剪裁与测试、Android 中各种传感器的使用，以及 NDK 及iOS 平台下的OpenGL ES 开发，同时还介绍了如何在不同的平台间进行 3D 应用的移植；WebGL 3D 应用开发，如何将 3D 应用移植到WebGL 平台。 下卷主要是高级特例和典型案例。如顶点、片元着色器的妙用，真是光学环境的模拟，阴影及高级光照，物理学，游戏引擎，动画等。

相关网站：

WebGL教程和API：Mozilla WebGL指南
WebGL规范
GLSL 中文手册
JavaScript 语言参考
虚幻引擎4文档
kesen的博客 计算机图形论文
http://stack.gl/

着色器资源网站:
Shadertoy 该网站有大量的shader案例，是一个非常有趣的网站。
http://glslsandbox.com/
The Book of Shaders 这是一本电子书，该书是GitHub上的一个开源项目thebookofshaders 。

三维库
Three.js官网 官网有最全面的案例和文档

OpenGL ES 2.0 API Quick Reference Card
WebGL 1.0 API Quick Reference Card

三维软件
Magicavoxel ：Magicavoxel是一个由gltracy独立开发的轻量级体素编辑器，它的渲染效果也极为出色，自带的渲染工具，可以呈现不同的光线条件、光照度、明暗度和锐度。这使得全球不少体素爱好者都用它来创造自己的体素模型。
https://ephtracy.github.io/

MeshLab: MeshLab 是一个开源、可移植和可扩展的三维几何处理系统，主要用于交互处理和非结构化编辑三维三角形网格。

Blender：Blender 是一款开源的跨平台全能三维动画制作软件，提供从建模、动画、材质、渲染、到音频处理、视频剪辑等一系列动画短片制作解决方案。

Substance Painter：Substance Painter 2018是一款目前互联网上更加贴合时代感的最优秀的次世代游戏贴图绘制软件，该软件提供了构建3D素材所需的所有工具，包括粒子笔刷，可以模拟自然粒子下落，粒子的轨迹形成纹理，用一种拟真的方法来为你的模型加上磨损与撕裂效果。当然还包括了Material Painting材质绘制，可以一次绘出所有的材质，同时几秒内便可加入精巧的细节。

sv地图网站
amcharts：JavaScript Charts & Maps Programming library for all your data visualization needs.
这是国外的一款可视化的产品，和echarts有些类似。这个网站有免费的svg地图，还有在线的地图编辑器，非常方便。
免费SVG地图
像素图生成器

geojson地图
可以在线生成geojson地图数据。dadav的产品：地图选择器

可视化
http://www.perceptualedge.com/