Home

Overview

This is a port of Box2DFlash 2.1a to JavaScript. We developed an ActionScript 3 -to- JavaScript compiler to generate the code.

There already exists a port to JavaScript called Box2dJs, but it's not up-to-date and you have to import a big amount of JavaScript files in every project, whereas my version is stored in a single file.

The Box2D physics engine was developed by Erin Catto (visit http://www.gphysics.com for further information)

Live Demo

Usage

You can read the documentation for Box2dFlash, since nearly everything is organized the same way. http://www.box2dflash.org/docs/2.1a/reference/

The b2DebugDraw takes a canvas-context instead of a Sprite:

var debugDraw = new Box2D.Dynamics.b2DebugDraw;
debugDraw.SetSprite(document.GetElementsByTagName("canvas")[0].getContext("2d"));

Graphics

Please notice that Box2dWeb is a physics engine. The graphics in the demo are generated by the b2DebugDraw-class, which is only available for debugging purposes. If you want to apply the computed coordinates to real graphics you should use a graphics library such as IvanK developed by Ivan Kuckir. The website of IvanK even contains a Box2dWeb example: http://lib.ivank.net/index.php?p=demos&d=box2D