WebGL（全写Web Graphics Library）是一种3D绘图协议，可利用canvas,three.js,ECharts进行3D动态绘制，下为学习代码 有任何问题，欢迎@双愚，交流讨论。
其实三者是有联系的 // HTML5 标签用于绘制图像（通过脚本，通常是 JavaScript）。 // Threejs，一个用于在浏览器中绘制3D图像的WebGL第三方JS库,Threejs在底层其实还是调用html5中的canvas api来实现绘图的。 // ECharts开源来自百度商业前端数据可视化团队，基于html5 Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
WebGL是一种免费的、开放的、跨平台的技术；WebGL派生于OpenGL ES，后者是专用于嵌入式计算机、智能手机、家用游戏机等设备；WebGL基于OpenGL ES 2.0。下图显示了OpenGL、OpenGL ES 和 WebGL的关系：
从2.0版本开始，OpenGL支持了一项非常重要的特性，即可编程着色器方法。该特性被OpenGL ES 2.0继承，并成为了WebGL 1.0标准的核心部分。
着色器，使用一种类似于C的编程语言实现了精美的视觉效果。编写着色器的语言又称为着色器语言。WebGL基于OpenGL ES 2.0，使用GLSL ES语言编写着色器。
虽然WebGL强大到令人惊叹，但使用这项技术进行开发却异常简单：只需要一个文本编辑器（Notepad或TextEdit）和一个浏览器（Chrome）即可；并且不需要去搭建开发环境，因为WebGL是内嵌在浏览器中的。
下图显示了WebGL程序的结构：
OpenGL自学网站：https://learnopengl-cn.github.io/
HTML5 标签用于绘制图像（通过脚本，通常是 JavaScript）。
Threejs，一个用于在浏览器中绘制3D图像的WebGL第三方JS库,Threejs在底层其实还是调用html5中的canvas api来实现绘图的。
ECharts开源来自百度商业前端数据可视化团队，基于html5 Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
ht是基于HTML5标准的企业应用图形界面一站式解决方案， 其包含通用组件、拓扑组件和3D渲染引擎等丰富的图形界面开发类库，提供了完全基于HTML5的矢量编辑器、拓扑编辑器及 3D场景编辑器等多套可视化设计工具，和完善的类库开发手册、工具使用手册、及针对HTML5技术如何进行大规模团队开发的客户深度培训手册。”
- 入门手册 入门手册 - HT for Web
- 矢量手册 矢量手册 - HT for Web
- 数据绑定 数据绑定手册 - HT for Web
- 数据模型 数据模型手册 - HT for Web
学习三维的话,可以关注以下几点
- 3D 入门手册 3D 手册 - HT for Web
- 建模手册 建模手册 - HT for Web
- OBJ 导入 OBJ手册 - HT for Web
待续... ...
本项目全部内容遵守 MIT 许可协议.