Html5闪烁Javascript

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

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

这是我的代码示例：

在您的

draw（）

方法中，您调用

loadImages（）

，因此每次重新绘制时（即每次苹果移动时）都会加载图像，因此图像会闪烁

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

---

我想你要做的是在加载时加载图像，然后绘制。。。无需每次移动都加载。

我看不到任何闪烁；只是“真”字的一部分和苹果的标志。它应该做什么？请发布游戏本身的链接：没有它我们无能为力。链接到示例中没有代码。我以前在画布上玩时注意到，在动画中清除画布可能会导致这种行为。也许你可以试着在物体移动的地方画上白色？转到页面源代码，点击脚本，它会把你带到以下位置：查看源代码：游戏应该在用户按键上移动，尝试使用箭头。你的答案是天才！非常感谢。现在效果很好。我刚刚开始使用javascripting和html5，但我仍然很难理解这些方法是如何工作的。我以为你有固定的插入图像的方法，我一直在所有网站上找到这些方法。@Vlad Otrocol欢迎你。我本人对使用canvas不太熟悉，也不能说太多，但如果您刚刚开始使用此类工具，请确保充分利用浏览器中的调试器，使用断点并进行大量日志记录，这将为您节省大量时间。看看它在Chrome中是如何工作的