Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Which Box2D JavaScript library should I use? [closed]

There are a few different ports of Box2D for JavaScript. Which one is the best?

  • Box2DJS - "converted from Box2DFlashAS3_1.4.3.1 in an automatic manner"

  • Box2Dflash 2.0 ported to JavaScript - "one big nasty hack that just happens to work"

  • box2dweb - "a port of Box2DFlash 2.1a to JavaScript. I developed an ActionScript 3 -to- JavaScript converter to generate the code"

  • HBehrens/box2d.js - "a JavaScript Version of Box2D 2.1a" (Added Nov 21, 2011)

  • kripken/box2d.js - "a direct port of the Box2D 2D physics engine to JavaScript, using Emscripten" (Added Sep 24, 2013)

Any ideas which version http://chrome.angrybirds.com/ uses, if any?

like image 817
a paid nerd Avatar asked Oct 02 '11 17:10

a paid nerd


4 Answers

Note to readers!

This question was originally asked and answered in 2011, but I'll do my best to keep it up to date!

Here's what I've found:

  • kripken/box2d.js is a port of Box2D using Emscripten and works well and is fast. I have used this personally with great success.
  • planck.js is the newest port and is written from the ground-up in JavaScript
  • Box2DJS is a port of Box2DFlash 1.4.3.1. box2dweb is a port of version 2.1a.
  • Box2DJS works "as a CommonJS module without any modifications at all" [1]
  • Box2DJS "not up-to-date and you have to import a big amount of JavaScript files in every project" [2]
  • box2dweb is contained in a single file [2]
  • box2dweb is "a much newer port and has a lot fewer issues" than Box2DJS [3]. However, switching might introduce new issues [4].
  • Box2DJS depends on Prototype but box2dweb does not [5]
  • Seth Ladd has promoted box2dweb with examples on his blog [6]
  • Nobody seems to be using the third alternative.
  • There are also physics simulators not based on Box2D. Check out Matter.js and p2.js

There's also a similar discussion on gamedev.stackexchange.com.

I'd say that the winner is kripken/box2d.js.

like image 116
a paid nerd Avatar answered Nov 02 '22 06:11

a paid nerd


This question and its best answer are from 2011. One recent new option is box2.js, an Emscripten translation of the C++ code to Javascript. As of August 2013 it's more up-to-date than the other ports I've found, and the demos seem to work.

like image 43
Nelson Avatar answered Nov 02 '22 05:11

Nelson


LiquidFun (With JS Bindings)

LiquidFun is, at the time I'm posting this, the most recent port to JS. It has all the features of Box2D and liquid physics features. It's ported using emscripten, so performance is decent.

google/liquidfun

google/liquidfun/tree/master/liquidfun/Box2D/lfjs

like image 8
DylanVann Avatar answered Nov 02 '22 04:11

DylanVann


Probably the best place to keep up to date with Box2D JavaScript ports is the official forum: http://box2d.org/forum/viewforum.php?f=22

JSBox2D looks like a good start.

I would definitely have a look into Matter.js, which seems very well built and very quick. I'm going down this path. http://brm.io/matter-js

like image 6
zoosrc Avatar answered Nov 02 '22 06:11

zoosrc