javascript-Phaser.js在forEach循环中删除组中的对象

2019-10-27 12:33:58 阅读：639 来源： 互联网

我要销毁某个对象,使其通过某个x值.
这些对象是称为“球”的移相器组的一部分.
在我的更新循环中,我有以下代码行：

balls.forEach(updateBalls, null, true);

这是updateBalls函数：

function updateBalls(ball) {
  if (ball.x > 800) {
    ball.destroy();
  }
}

问题是在循环期间删除对象会弄乱循环,这是我得到的错误：

TypeError: this.children[i] is undefined

我试图将每个球推到一个阵列,然后像这样破坏每个球.

function updateBalls(ball) {
  if (ball.x > 800) {
    ballsToDestroy.push(ball);
  }
}

然后在更新循环中：

balls.forEach(updateBalls, null, true);
for (x = 0; x < ballsToDestroy.length; balls++) {
    ballsToDestroy[x].destroy();
}

这给了我一些奇怪的错误.
如果我使用ball.kill(),它会起作用,但最终会导致游戏延迟,因为实际上并没有移除球.

我该如何解决？

解决方法:

听起来像是Phaser中的一个愚蠢的错误,如果在迭代过程中在组中的一个对象上调用destroy时Group#forEach失败.

根据Phaser文档,Group具有返回ArraySet的filter函数.因此,您可以得到一个要破坏的ArraySet球：

var toDestroy = balls.filter(function(ball) { return ball.x <= 800; });

然后ArraySet说它有一个方便的callAll函数,可以让我们在所有条目上调用该函数.因此,我们可以使用以下方法销毁它们：

toDestroy.callAll('destroy');

一体：

balls.filter(function(ball) { return ball.x <= 800; }).callAll('destroy');

或搭配ES2015

balls.filter(ball => ball.x <= 800).callAll('destroy');

(在彼此附近的=>和< =看起来很有趣,但是不用担心,第一个引入了箭头功能,第二个是小于或等于运算符.)

标签：phaser-framework,javascript
来源： https://codeday.me/bug/20191027/1944454.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-Phaser.js在forEach循环中删除组中的对象