有哪些方法可以测试基于WebGL / Canvas的游戏的可视部分

Question

假设使用Dart + WebGL / Canvas编写游戏......

许多逻辑，数学，输入处理等都可以通过代码轻松测试;但要确保你真正做正确的事情，让你的精灵在正确的位置/方向/等屏幕上出现。更棘手。

有哪些工具/ API可以帮助测试实际的渲染输出？

Answer 1

• WebGl SDK有一个conformance test tool，它使用“webgl-test-utils.js”。

• 您可以使用像PhantomJS这样的可编写脚本的浏览器套件和Screenshot＆amp; ImageDiff工具。

• https://ghostinspector.com/blog/webcast-phantomjs-casperjs-screenshot-comparison-and-ghost-inspector/

• https://github.com/HuddleEng/Resemble.js/

• 用于测试着色器：https://code.google.com/p/glsl-unit/

Answer 2

你可以做的是截取（实际结果）的截图，然后将它与你已经拥有的一些图像（预期结果）进行比较，以确保它们是相同的。您可以使用WebDriver实现这一目标。

这里有一个使用Selenium的示例实现：https://groups.google.com/forum/#!msg/selenium-users/8atiPIh39OY/Gp9_KEXnpRUJ