跟我一起学glsl编程01-学习前的准备

首先我们需要下载一个vs code编辑器，下载地址 code.visualstudio.com/
在vs code中安装插件glsl-canvas,该插件是用来执行glsl代码查看效果的
安装插件
- 在vs code中安装插件glslx-vscode glsl语言高亮服务
- 在vs code中安装插件GLSL Linter glsl代码校验功能，该功能需要下载GLSL validator才能起作用，下载地址是github.com/KhronosGrou…,根据操作系统，我这里是Mac OS，下载的是 glslang-master-osx-Release.zip包，下载后，将包里面的内容拷贝到/usr/local/下，对于的bin目录的文件拷贝到bin目录，lib目录的文件考虑到lib目录，include内的文件拷贝到include目录内，然后点击vscode code菜单-首选项 - 设置 搜索glsl linter 设置对于的路径，如下图
  这样就准备就绪了，让我们测试一下我们的环境吧

新建一个test.frag文件，然后编辑代码

 #ifdef GL_ES
  precision mediump float;
 #endif

  void main(){
     gl_FragColor =  vec4(1.,.5,.9,1.);
  }

代码编辑好了，在键盘上按command+shift+p,输入glsl,然后选择Show glslCanvas

在右侧我们就可以看到渲染了一个粉色的背景，然后更改，vec4(1.,.5,.9,1.) 的数据就会看到颜色变化，这里的四个参数分别对应 (red,green,blue,alpha),值的范围是[0-1]的浮点数，千万要记住浮点数，不让程序会报错的。

当故意把代码，写错的时候，就会在vs code的问题界面中显示错误信息，如下图，我们把1.与.5中间的逗号去掉了，就直接报错了