在数据可视化展示中，静态的地图场景通常需要一些动效元素的支持，以增强其表现力和用户体验，今天给大家带来一些实现动态光圈的思路。

为了更好在vscode的webGL开发体验，本文将从vscode插件和手写一个node插件，几分钟让你可以快速提高几倍的书写效率，从此告别glsl书写的恐惧症。

本文内容主要包括了解什么是着色器、为什么要使用着色器、GLSL 语言的基本语法规则、理解顶点着色器、片元着色器、掌握Attributes、Varyings、Uniforms的区别，两种着色器材质用法等

地图开发时经常会用到热力图，今天就带你从绘制2D热力图开始，实现3D热力图。点就来就学如何用Three.js搞个炫酷热力山丘图！

WebGL 基于 OpenGL，是 OpenGL 的子集。OpenGL 中的着色器是使用 GLSL 编写的，所以 WebGL 中也是使用 GLSL 编写着色器，WebGL1 中使用的 GLSL 1.0