{"id":467,"date":"2011-11-05T23:41:58","date_gmt":"2011-11-05T22:41:58","guid":{"rendered":"http:\/\/www.aymericlamboley.fr\/blog\/?p=467"},"modified":"2014-11-01T15:00:26","modified_gmt":"2014-11-01T14:00:26","slug":"physicseditor-template-for-the-citrus-engine","status":"publish","type":"post","link":"http:\/\/www.aymericlamboley.fr\/blog\/physicseditor-template-for-the-citrus-engine\/","title":{"rendered":"PhysicsEditor template for the Citrus Engine"},"content":{"rendered":"

Some months ago, I bought two softwares from code ‘n’ web<\/a> : TexturePacker<\/a> to create SpriteSheet and PhysicsEditor<\/a> to create easily box2d object from png file.<\/p>\n

Today, I’m happy to share my first extension \/ template for PhysicsEditor’s software : I’ve created a template to export physics object for the Citrus Engine<\/a>.
\n
\nThis is a quick usage example<\/strong><\/a>.
\nClick on the physical object and press tab. The console is now open. Then write : set Box2D visible false<\/em> and you will see its picture. It matches really well to the physical object!<\/p>\n

<\/p>\n

When I worked on Kinessia<\/a>, I was sad that I couldn’t have physical object that I desired e.g. the catapulte which was a simple rectangle.
\nTo create complex box2d physical object you need to define vertices which are quite complex, and determine convex \/ concave polygons<\/a>. Actually PhysicsEditor do that. Thanks to its other templates (there is already a template for AS3 box2d but it is not based on the alchemy version), I have been able to create my template.<\/p>\n

It is really easy to use an object created from my PhysicsEditor’s template in your code. In your State class just do :<\/p>\n

var pe:PhysicsEditorObjects = new PhysicsEditorObjects(\"Pe\", {x:200, peObject:\"muffin\", view:\"muffin.png\", registration:\"topLeft\"});\r\nadd(pe);<\/pre>\n
Be careful, the registration point is topLeft instead of center!<\/p>\n
To use my template, download the PhysicsEditor<\/a> and install it. You can use the free version. Then on Mac OS X right click on the application and go “inside”. Finally paste my template<\/a> in this folder : Contents\/Resources\/exporters. I think it isn’t too different on Windows.<\/p>\n
The software looks like this :
\n\"\"<\/a><\/p>\n
This is my exporter.xml template file, you may want to add some options (take a look on the other templates) :<\/p>\n
\r\n    \r\n    \r\n\tbox2d-alchemy<\/name>\r\n\t\r\n\t\r\n    CitrusEngine ActionScript (FLASH)<\/displayName>\r\n\t\r\n\t\r\n    CitrusEngine ActionScript for Flash<\/description>\r\n\t\r\n\t\r\n\t1.0<\/version>\r\n\t\r\n\t\r\n    down<\/yAxisDirection>\r\n\t\r\n\t\r\n\tbox2d<\/physicsEngine>\r\n\t\r\n\t\r\n