Html5 闪烁的 Javascript

Question

我正在开发一个基本的 javascript 游戏。我不使用 jQuery。问题是我很难摆脱闪烁。我注意到这是由于画布清除命令而发生的。我读了很多建议，建议使用一种双缓冲，比如有一个我应该在其上绘制的不可见的缓冲画布和另一个可见的画布，并且所有内容都是从缓冲区复制的。但是，我怀疑即使我实现了这个，我仍然会闪烁，因为我仍然必须清除可见的画布。

最后一个问题是：消除代码中闪烁的最佳方法是什么？感谢您的帮助。

这是我的代码示例：

http://edumax.org.ro/extra/new/Scratch.html

Answer 1

在您的draw() 方法中，您调用loadImages()，因此每次重绘时（即每次苹果移动时）都会加载图像，因此会闪烁。

只要在你的 draw 方法中设置一些断点，一切都会变得非常清晰。

我猜你想要做的是在加载时加载图像然后只是绘制......不需要每一步都加载。