Estoy trabajando en una aplicación de juego usando React native y Matter.js.
Estoy tratando de implementar un sistema que agregue puntos cada vez que una bala golpea un objetivo.
Para hacer esto, estoy tratando de usar colisionStart para detectar la colisión.
Sin embargo, aunque la bala y el objetivo chocan solo una vez, el evento parece activarse 41 veces.
Este es el código:
Matter.Events.on(engine, 'collisionStart', (event) => { let pairs = event.pairs for (const pair of pairs) { if (pair.bodyA.label === 'bullet' && pair.bodyB.label === 'Worm') { console.log("target hit"); } } })Al final, planeo reemplazar console.log con algo que agregue puntos. En el momento actual, parece que una colisión activaría los puntos adicionales 41 veces, lo que obviamente no es lo ideal.
¿Alguna idea de lo que está sucediendo aquí y cómo puedo hacer que esto se active solo una vez por una colisión?
Pruebe el siguiente ejemplo. Lo tomo de mi propio proyecto [necesita poca adaptación de ts a js]:
Matter.Events.on(this.starter.getEngine(), "collisionStart", function (event) { root.collisionCheck(event, true); }); public collisionCheck(event, ground: boolean) { const myInstance = this; const pairs = event.pairs; for (let i = 0, j = pairs.length; i !== j; ++i) { const pair = pairs[i]; if (pair.activeContacts) { if (pair.bodyA.label === "bullet" && pair.bodyB.label === "Worm") { const collectitem = pair.bodyA; this.playerDie(collectitem); } else if (pair.bodyB.label === "bullet" && pair.bodyA.label === "Worm") { const collectitem = pair.bodyB; this.playerDie(collectitem); } // .... } } } public destroyBody = (destroyBody) => { try { Matter.Composite.remove(this.getWorld(), destroyBody); } catch(err) { console.log(err) } }Si todavía tiene el mismo problema, también podemos adaptarnos con la marca PREVENT_DOUBLE_BY_1_SECOUND, por ejemplo.