之前的代码实现了描绘一个巨大的、正方形的、红色的点，但是，稍有常识的人都能看出，那个点的颜色、位置、大小，都是无法在运行时改变的，这就比较尴尬了……
毫无疑问，Web 前端的编程语言是 ECMAScript，然而顶点着色器和片元着色器的控制用的却是 GLSL ES。为了能动态的修改着色器代码，我们就需要在着色器代码里添加需要动态编辑的变量，并且通过已有的方法来通过 JavaScript 获取并修改他们的值。
标签： WebGL
[WebGL] 简单的 WebGL 描点实现
相关库的地址：WebGLBook/lib at master
效果预览见最后。
注意：这只是个人的理解，不保证正确。如有错误欢迎指正！
首先准备具有一个画布（canvas）的页面，所有的 WebGL 程序都会通过这个 canvas 展现出来：