javascript - Canvas 清理问题。选择未在 Canvasteroids 中清除的对象

Question

我正在使用 html5 Canvas 创建一个新的小行星游戏。直到我必须将激光动态地绘制到舞台上时，它一直进展顺利。它们绘制不正确(它们应该只有 10 像素长)，当您在 10 秒内拍摄两次时，会出现旧的激光轨迹。这是 url，因为代码太多了，我不想让每个人都通过。

http://marccannon.com/canvasteroids/

理想情况下，激光的长度为 10 像素，一旦失效(1 秒或 33 帧)就会消失。他们从不应再在绘制循环中运行它们的数组中获取 shift()。 Laser 对象类似乎有某种内存。到目前为止，我已经花了几个小时用激光轨迹制作太空艺术，而不是添加实际的小行星来撞击。有人请帮忙。我正在失去理智。

预先感谢您的帮助。

Answer 1

问题是，当你在 Canvas 上绘图时，你必须始终记住调用 beginPath()，否则所有的 moveTo 和 lineTo命令将不断添加和添加到当前路径。