1、Canvas Debugger
在最新版本的firefox中,浏览器中添加了Canvas调试。 Canvas Debugger允许你跟踪所有的canvas上下文调用, 像绘制元素和使用特定的调色器一样,它会根据具体的要求调用颜色编码。它不仅在开发基于WebGL的游戏时有用,它同时也可以用来测试基于Canvas 2D的游戏。
2、Shader Editor
当创建一个基于WebGL的游戏时,如果能在游戏运行时测试和修改着色器程序将是非常酷的一件事。而Shader Editor工具就可以实现这些事情。不需要重新加载界面就可以修改顶点和片段着色器,还可以查看其对输出结果的影响。
3、Web Audio Editor
Web Audio Editor编辑器通过图表展示了所有的音频结点和当前AudioContext的连接,你可以通过它查看每个结点的特定属性。Web Audio API提供了更多混音的创建,对音频的操作和处理比HTML5的Audio标签强大很多。
4、Network Monitor
对于HTML5手机游戏开发者来说,需要花费昂贵的代码来对游戏进行繁琐的测试。如果游戏是在手机设备中运行,可以使用Network Monitor直观地看到所有的网络请求,系统耗时和类型大小等属性。除此之外,你还可以通过Network Monitor直观地看到游戏的性能分析。
5、Web IDE
不管是运用什么语言进行软件软件,开发前都必须先确定一个开发环境,手机游戏开发也 是如此,在html5游戏开发中,可以选择Sublime,Eclipse,Dreamweaver,vi等等,如果对,浏览器端的开发环境感兴趣,你可 以试一下在Firefox的最新版本中上线的Web IDE。Web IDE不仅提供开发者进行正常的编码,还可以远程发布、调试、框架管理等。
温馨提示:答案为网友推荐,仅供参考