测试基于WebGL/Ccanvas的游戏视觉部分的可能方法是什么

Question

假设一个使用Dart+WebGL/Canvas编写的游戏。。。

许多逻辑、数学、输入处理等都可以很容易地用代码进行测试；但要确保你确实做了正确的事情，让你的精灵出现在屏幕上的正确位置/方向等。更为棘手。

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

Answer 1

• WebGl SDK有一个一致性测试工具，它使用"WebGl-test-utils.js"

• 你可以使用一个脚本化的浏览器工具包，比如PhantomJS和Screenshot&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/硒用户/8atiPIh39OY/Gp9_KEXnpRUJ