Utiliser Box2D avec Flex

L'objet de cet article est voir comment utiliser Box2d (en AS3) disponible sur http://box2dflash.sourceforge.net/ avec Flex.

Box2d
On ne présente plus box2d, devenu incontournable dès qu'il s'agit de réaliser des applications où il est nécessaire de déplacer des objets soumis à la gravité ou bien gérer les déplacements dûs aux chocs (et bien d'autres).
A l'origine Box2D a été écrit en C++ par Erin Catto. Il existe une version AS3 pour les 'Flashers'. Nombreux sont les outils ou exemples d'utilisation de box2d avec Flash, mais peu avec Flex.
Box2d ne gère pas l'affichage des objects graphiques. Il se contente de fournir les coordonnées x,y et la rotation des objets qu'on lui a demandé de gérer. La première approche est d'activer le rendu des objets de debug. Voici à quoi ressemble le code :
var spr_debug:Sprite = new Sprite();
var dbg_draw:b2DebugDraw = new b2DebugDraw();
cv.rawChildren.addChild(spr_debug);
dbg_draw.m_sprite = spr_debug;
dbg_draw.m_drawScale = 30;
dbg_draw.m_alpha = 1;
dbg_draw.m_fillAlpha = 0.5;
dbg_draw.m_lineThickness = 1;
dbg_draw.m_drawFlags = b2DebugDraw.e_shapeBit|b2DebugDraw.e_jointBit|
b2DebugDraw.e_coreShapeBit|
b2DebugDraw.e_aabbBit|b2DebugDraw.e_obbBit|b2DebugDraw.e_pairBit|b2DebugDraw.e_centerOfMassBit;
m_world.SetDebugDraw(dbg_draw);