25 ms·

JavaScript Physics Engine

140 points by bauchidgw 15y ago

pacomerh 15y ago
Cool, how is this diferent from http://box2d-js.sourceforge.net/ http://box2d-js.sourceforge.net/
- palish 15y ago
  Well... its demo is way cooler, for one. =) Seriously, I'm having way too much fun swinging this ball around and smashing things. Package it up for $0.99 IMO. Huzzah! http://imageshack.us/f/839/towerofpower.jpg/ http://imageshack.us/f/839/towerofpower.jpg/
  - abcdefghz 15y ago
    http://desmond.imageshack.us/Himg94/scaled.php?server=94&filename=higher.png&res=medium http://desmond.imageshack.us/Himg94/scaled.php?server=94&#38...
  - Mithrandir 15y ago
    Here's a more permanent home for it. http://www.atomitware.tk/games/box2dwebdemo.html http://www.atomitware.tk/games/box2dwebdemo.html
- jianshen 15y ago
  In the project, it says box2d-js.sf isn't being updated anymore. Would've been nice to take over the older project so people who were using that one would know there was renewed interest in maintaining this code.
  - pacomerh 15y ago
    hopefully this one keeps active looks very good
- deleted 15y ago
  [deleted]
fuzzythinker 15y ago
I open sourced my "toy" version of JavaScript physics engine just few days ago too. It's not really for serious work, but may be (hopefully) simple and good enough for beginning programmers to learn one way of starting such a project. https://github.com/fuzzthink/SPE.js https://github.com/fuzzthink/SPE.js
- aubergene 15y ago
  It looks good. Have you tested it with SVG? I've been using https://github.com/hrj/box2d-js https://github.com/hrj/box2d-js
  - fuzzythinker 15y ago
    Thanks! No, haven't had the time to do an SVG demo, but that shouldn't stop anyone from doing so ;) Thanks for the link, didn't know about jquery.svg, maybe I'll play around with that if I find the time or no one builds one already.
progolferyo 15y ago
The performance of the demo is awesome. Has anyone tried to do anything more complicated and tested performance. Would be fun to make a js game from this.
- AshleysBrain 15y ago
  TBH it's a small demo - I've heard while JS engines these days are fast, they still struggle with complex physics simulations. I can't see any performance details/improvements noted in this release - anyone got figures?
  - MrNibbles 15y ago
    Untrue, I used a port of Box2d (not this port, our own version) to build an "HTML5" game for sony, see link - http://www.youtube.com/watch?v=AicnuLQxHoQ http://www.youtube.com/watch?v=AicnuLQxHoQ Unfortunately the game was taken down due to the Japan situation. Understandable. Under Safari i was able to simulate ~80 live physics objects in a high collision environment at full frame render, bound to the DOM at 60fps on reasonable hardware 6 months ago (safari still has the fastest DOM paint time out there now). Even when using Firefox 3.6 i could manage around 20 dynamic objects. No CSS3 animation, just math and re-paints. Javascript Math is not slow (at all), its generally the DOM/Canvas slowing you down.
    - AshleysBrain 15y ago
      If you've ever used the C++ Box2D, you'll have been able to create hundreds of objects just fine. 80 still isn't much!
      - MrNibbles 15y ago
        Of course! This is now nearly possible in Chrome/Safari/FF5, but the limiting factor is still primarily re-paint time rather than the simulation itself.
        15y ago
wrs 15y ago
Very nice, but where is this alleged AS3 to JavaScript converter? That sounds quite useful!
- mortenjorck 15y ago
  I've been (very) slowly porting an AS3 site to JS/jQ, mostly as a learning experience, but I'd be quite interested in this as well.
paulirish 15y ago
All the physics engines in JS are documented on the very valuable JSWiki: https://github.com/bebraw/jswiki/wiki/Physics-libraries https://github.com/bebraw/jswiki/wiki/Physics-libraries
chrisdew 15y ago
It's really flickery in Ubuntu 10.10 / Chrome/
- enoren 15y ago
  FYI, I am on 11.04 / Chrome and do not see any flicker

140 points by bauchidgw 15y ago

pacomerh 15y ago

Cool, how is this diferent from http://box2d-js.sourceforge.net/ http://box2d-js.sourceforge.net/

palish 15y ago
Well... its demo is way cooler, for one. =) Seriously, I'm having way too much fun swinging this ball around and smashing things. Package it up for $0.99 IMO. Huzzah! http://imageshack.us/f/839/towerofpower.jpg/ http://imageshack.us/f/839/towerofpower.jpg/
- abcdefghz 15y ago
  http://desmond.imageshack.us/Himg94/scaled.php?server=94&filename=higher.png&res=medium http://desmond.imageshack.us/Himg94/scaled.php?server=94&#38...
- Mithrandir 15y ago
  Here's a more permanent home for it. http://www.atomitware.tk/games/box2dwebdemo.html http://www.atomitware.tk/games/box2dwebdemo.html
jianshen 15y ago
In the project, it says box2d-js.sf isn't being updated anymore. Would've been nice to take over the older project so people who were using that one would know there was renewed interest in maintaining this code.
- pacomerh 15y ago
  hopefully this one keeps active looks very good
deleted 15y ago
[deleted]

fuzzythinker 15y ago

I open sourced my "toy" version of JavaScript physics engine just few days ago too. It's not really for serious work, but may be (hopefully) simple and good enough for beginning programmers to learn one way of starting such a project. https://github.com/fuzzthink/SPE.js https://github.com/fuzzthink/SPE.js

aubergene 15y ago
It looks good. Have you tested it with SVG? I've been using https://github.com/hrj/box2d-js https://github.com/hrj/box2d-js
- fuzzythinker 15y ago
  Thanks! No, haven't had the time to do an SVG demo, but that shouldn't stop anyone from doing so ;) Thanks for the link, didn't know about jquery.svg, maybe I'll play around with that if I find the time or no one builds one already.

progolferyo 15y ago

The performance of the demo is awesome. Has anyone tried to do anything more complicated and tested performance. Would be fun to make a js game from this.

AshleysBrain 15y ago
TBH it's a small demo - I've heard while JS engines these days are fast, they still struggle with complex physics simulations. I can't see any performance details/improvements noted in this release - anyone got figures?
- MrNibbles 15y ago
  Untrue, I used a port of Box2d (not this port, our own version) to build an "HTML5" game for sony, see link - http://www.youtube.com/watch?v=AicnuLQxHoQ http://www.youtube.com/watch?v=AicnuLQxHoQ Unfortunately the game was taken down due to the Japan situation. Understandable. Under Safari i was able to simulate ~80 live physics objects in a high collision environment at full frame render, bound to the DOM at 60fps on reasonable hardware 6 months ago (safari still has the fastest DOM paint time out there now). Even when using Firefox 3.6 i could manage around 20 dynamic objects. No CSS3 animation, just math and re-paints. Javascript Math is not slow (at all), its generally the DOM/Canvas slowing you down.
  - AshleysBrain 15y ago
    If you've ever used the C++ Box2D, you'll have been able to create hundreds of objects just fine. 80 still isn't much!
    - MrNibbles 15y ago
      Of course! This is now nearly possible in Chrome/Safari/FF5, but the limiting factor is still primarily re-paint time rather than the simulation itself.
      - 15y ago

wrs 15y ago

Very nice, but where is this alleged AS3 to JavaScript converter? That sounds quite useful!

mortenjorck 15y ago
I've been (very) slowly porting an AS3 site to JS/jQ, mostly as a learning experience, but I'd be quite interested in this as well.

paulirish 15y ago

All the physics engines in JS are documented on the very valuable JSWiki: https://github.com/bebraw/jswiki/wiki/Physics-libraries https://github.com/bebraw/jswiki/wiki/Physics-libraries

chrisdew 15y ago

It's really flickery in Ubuntu 10.10 / Chrome/

enoren 15y ago
FYI, I am on 11.04 / Chrome and do not see any flicker