hanyeah

工欲善其事必先利其器。

国内讲webgl开发，要么是介绍一个库的应用，比如three.js，babylon.js，要么就是纯讲着色器（还不成系统）。

现在都习惯了使用高级语言编程，再回过头来写shader，比c还简陋的语言，还没有代码提示，没法调试，是一件很痛苦的事情。

web开发工具很多，有好多优秀的IDE，调试现在基本上是用谷歌浏览器、火狐浏览器。

http://www.yanhuangxueyuan.com/WebGL_course/tool.html

这篇文章中提到了火狐浏览器有“着色器编辑器”工具，默认是不勾选的，需要打开设置，在里边勾选上。

http://v.youku.com/v_show/id_XNjM0MjU2OTM2.html

http://v.youku.com/v_show/id_XNjM0MjU0NDI4.html?from=y1.2-1-105.4.1-1.1-1-2-0-0%26source%3Dautoclick

上面两个视频介绍了火狐的“着色器编辑器”，很强大，可以去逛网看看，关注一下最新的功能。

谷歌浏览器可以通过安装插件来支持wengl的调试。

http://www.cnplugins.com/advsearch.php?q=shader

其中Shader Editor Chrome插件就是火狐中的“着色器编辑器”。下载Shader Editor.crx

下载的插件是crx格式，安装很简单，在地址栏输入chrome://extensions/，然后把下载的crx文件拖到窗口中就可以了。

能像调试js一样调试shader，终于可以愉快的开始学习了。

查看本机的webgl信息。

http://webglreport.com/