24
2017
12

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/



« 上一篇下一篇 »

相关文章:

GL_ALPHA/GL_LUMINANCE/GL_INTENSITY之差别  (2020-12-11 14:37:37)

检测webgl支持情况  (2018-9-11 11:21:57)

安卓webview中调试js脚本  (2016-8-2 14:21:51)

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。