Flash : HitTest vs GetPixel

Je travaille actuellement sur un jeu qui nécessite de nombreux tests de collision. Bien que le test ait probablement déjà été réalisé, j’ai souhaité comparer les performances de deux méthodes : hitTestPoint de la class DisplayObject et le getPixel de la classe BitmapData. Les résultats montrent une différence du simple au triple en faveur du getPixel.

Ces deux méthodes peuvent être comparées lorsque vous pouvez générer une BitmapData aux couleurs simplifiées, le mieux étant bicolore, afin de tester la couleur en un point donné.

L’inconvénient des hitTest est qu’ils ne s’appliquent qu’à un seul objet DisplayObject à la fois pour être précis. Si vous avez de nombreux objets à tester, cette méthode risque de beaucoup ralentir votre application.

Principe du test

Voici le test que je vous propose : je souhaite savoir si un sprite nommé bille entre en collision avec un sprite nommé mur. Mais je veux également savoir si la collision se fait sur l’axe des x, sur l’axe des y ou les deux, chacun ayant un traitement distinct.

Il me faut donc deux tests :

• Détection de la collision en x sur les deux côtés

• Détection de la collision en y haut et bas

Spécificités des bitmaps

Pour le test du hitTest, aucune modification spéciale n’est à ajouter, il vous faut les deux clips à tester sur la scène.
Pour le getPixel, vous devez tout d’abord construire (ou charger) votre bitmap :

<div class="code">
var _oBmpData: BitmapData ;
var _oBmp : Bitmap ;
_oBmpData = new BitmapData(mur.width, mur.height, false, 0x000000);
_oBmp = new Bitmap(_oBmpData);
addChild(_oBmp) ;
_oBmpData.draw(mur); // ici nous donnons le motif du Sprite pour composer le bitmap
</div>

Les tests

Les tests proprement dits :

• Avec le hitTestPoint :

<div class="code">
if (mur.hitTestPoint(zone.right , bille.y ) != false || mur.hitTestPoint(zone.left, bille.y ) != false)
test = true ;
if (mur.hitTestPoint(bille.x, zone.top  ) != false ||  mur.hitTestPoint(bille.x, zone.bottom  ) != false)
test = true ;
</div>

• Avec le getPixel :

<div class="code">
if (_oBmpData.getPixel(zone.right , bille.y ) != 0 || _oBmpData.getPixel(zone.left, bille.y ) != 0)
test = true ;
if (_oBmpData.getPixel(bille.x, zone.top  ) != 0 ||  _oBmpData.getPixel(bille.x, zone.bottom  ) != 0)
test = true ;
</div>

Résultats

Voici le test ci-dessous, vous constaterez que la difference de performance est du simple au triple en faveur du getPixel.