使用画布的越野行为？

Question

我正在使用html canvas进行游戏。

这里是我的进步：

http://db.tt/ei3LlR（使用WASD和左/右方向键） 有助于ZOOM。

我的问题是：

• 为什么在谷歌 铬的影子摇曳在罐体转动？
• 炮塔转动时，为什么炮塔图像会在 safari中闪烁？
• 为什么它在Firefox中正常工作？

坦克图像和炮塔图像是普通的旧PNG。阴影是使用这些图像动态创建的。阴影不是图像对象，而是画布元素。

当我改变图像的旋转时，闪烁似乎只发生。当我说闪烁时，我的意思是图像看起来缩小并且增长得有点快。图像停止旋转时闪烁再次停止。

这是怎么回事？这完全是个问题吗？

Answer 1

UPDATE。问题不再存在！他们必须修好它！

Answer 2

关于闪烁的问题，您似乎没有双缓冲您的画布。所以可能出现闪烁现象，因为地面或阴影在坦克和炮塔之前会在坦克前画出并刷新屏幕。

这个问题有一些关于双缓冲与画布2D： Does HTML5/Canvas Support Double Buffering?

我也想知道，如果在上下文中的rotate和translate方法小舍入误差可能会导致抓货图像的颤动。不同的浏览器实现可能对这些操作具有不同的精确度级别你可以尝试将你的参数四舍五入到最近的整数来检查它。 PS：你的游戏到目前为止看起来不错 - 坦克图形和处理效果非常不错。