hanyeah 专注于AS

webgl开发调试工具

工欲善其事必先利其器。

国内讲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/



2017年12月24日 | 发布:hanyeah | 分类:webgl | 评论:0

发表留言: