我一直在寻找有关如何使用JavaScript和请求动画框架进行适当的HTML5动画的大量教程Breif秒的自身的幽灵图像。但是随后,我看到像Microsofts搬运版本的游戏剪切了似乎已解决此问题的绳索。有人知道一种使该帆布效应不太明显的方法吗?
我猜想您遇到的问题是,在清除上图像之前,新图像正在重新绘制。我建议确保清除画布,或者至少要重新划定图像的区域。虽然,我尝试清除整个画布与清除画布的特定部分,并达到一定尺寸(大约800x600),清除整个帆布的速度更快。
我将帆布用于我的(正在进行)游戏:http://www.dacheng.me/dboom
随时浏览JS源代码!
我认为您要寻找的是窗口缓冲:
http://en.wikipedia.org/wiki/multiple_buffering
基本上,这个想法是使用两个不同的Windows/Canvas元素,这些元素被完全绘制后互换,以便您在完全绘制的"帧"之间切换。该技术用于当今存在的OpenGL和几乎所有其他合法图形程序。