Skip to content
Automatically exported from code.google.com/p/box2dweb
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Box2D.js (Fixes issue #17) : Doesn't work with FF 3.6 Jun 7, 2011
Box2d.min.js (Fixes issue #17) : Doesn't work with FF 3.6 Jun 7, 2011
README.md
demo-google-gadget.xml
demo.html
example.html

README.md

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

You can’t perform that action at this time.