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

Question

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

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

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

Answer 1

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

您可以使用带有 Screenshot 和 ImageDiff 工具的可编写脚本的浏览器套件，例如 PhantomJS。

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/