![](https://img.haomeiwen.com/i3375785/c24b391f79b89e50.png)
Chrome商店工具地址:
https://chrome.google.com/webstore/detail/webgl-insight/djdcbmfacaaocoomokenoalbomllhnko
GitHub开源地址
https://github.com/3Dparallax/insight
安装后会有一个bug
![](https://img.haomeiwen.com/i3375785/4ce0d8eca4109b60.png)
![](https://img.haomeiwen.com/i3375785/609ba686d75de62e.png)
原因是addEventListener的第二个参数是function类型,而setTimeout返回的是number类型,简单修改下就能正常使用了
~/Library/Application Support/Google/Chrome/Default/Extensions
document.addEventListener("DOMContentLoaded", function () {
setTimeout(glpContexts.sendContexts, 500)
});
从webgl的角度查看纹理
![](https://img.haomeiwen.com/i3375785/63890ce2bafe4b0e.png)
查看Vertex Shader和Fragment Shader
![](https://img.haomeiwen.com/i3375785/26055bba6b6ed99b.png)
简直是一个学习webgl的利器!
网友评论