html5 canvas pacman 游戏 - javascript 太多递归

Question

我一直在做一个有趣的小项目来定制 dale harvey 的 html5 canvas pacman 游戏 http://arandomurl.com/2010/07/25/html5-pacman.html 并同时自学一些 javascript。但是玩游戏几秒钟后它会冻结......我相信这是因为递归过多（即需要关闭某些东西？）但我的印象是游戏循环需要保持打开状态以允许连续控制以及人物的移动……正确吗？

我在 javascript 游戏中有点菜鸟，所以任何帮助都会很棒。

http://bridgestreetcollective.harmonyapp.com/pacman/?password=test

干杯

Answer 1

你的clone 函数搞砸了。您在某处的文档的body 元素上调用它，并且具有循环引用。您应该能够使用调试器看到这一点。请参阅How do you clone an Array of Objects in Javascript? 和In Javascript, when performing a deep copy, how do I avoid a cycle, due to a property being "this"?。

另外，你应该never ever use Object.prototype。

Answer 2

你似乎在递归调用移动，我的意思是你的调用移动内部移动。这就是您的调用堆栈变得太大的原因。

你应该有一个游戏循环，你从中调用移动，不要从内部调用移动。