franzenzenhofer / box2d-jquery

convert your DOM into physical objects using this awesome jQuery wrapper around box2d-web

EC2 web app template

This is a template I use to quickly set up Node.js-backed web apps on Amazon EC2

• Less than 15 minutes from start to finish
• Eligible/compatible with the "AWS Free Usage Tier"
• Ubuntu Linux
• High-performance Nginx HTTP server
  • Sensible default configuration (three flavors to chose from)
  • Automatically handles all static file requests
  • Delegates non-static requests to the Node.js web server
• Git-based deployment
• Init.d scripts

This template enables a very smooth, simple and scalable workflow

• When developing locally, the single command bin/franzenzenhofer-httpd.mv runs your web server and takes care of serving static files
• When deploying changes (after a git push), franzenzenhofer-update restart deploys changes and restarts services on your server
• Rolling back the server to an earlier version is a simple as franzenzenhofer-update restart v0.1.2

Here's a guide on getting started with Amazon EC2: http://rsms.me/2011/03/23/ec2-wep-app-template.html

Let's get started! Head over to INSTALL.md

box2d-jquery's Issues

Div as world

Is it possible to set div as World?

change gravity according to accelerometer

Hi and thanks for this great plugin.

Is there a way to change the gravity direction according to the accelerometer of iOS or Android devices?

Divs are not respecting rotation values

Hi!

I'm trying to rotate divs to use them as static diagonal obstacles.

The css rotation values seem to get overridden as soon as I make the div participate in the physics simulation. This makes sense for dynamic objects. But I imagine there should be some way of rotating static elements?

To re-cap: Is it possible to give static elements custom rotational values and what would the correct syntax be?

make step rate and fps editable with inital world creation

currently it 30hz step rate, 30 fps, but should be editable

IE 10 support

using the virtual machin of modern.ie

works good but the mouse positions are screwed up...... (IE10!!!!!!!!!!)

Disable gravity

Is there a way to disable gravity and let the balls just move constantly without dropping?

z-index and append location

Hi - I'm wondering if there's a way to specify (or to modify the source to include) the desired z-index of the cloned elements, and to specify where the element is appended. Currently, my cloned elements appear at the end of the DOM - i'd like them to appear right next to the elements they are being cloned from.

remove box2d element

Hey, this is great, thanks for putting it together.

Is there an easy way to remove box2d from an element on the page after it has been added? I'm wanting to remove an image from the page at a certain point so the user can't interact with it anymore, but when i do $('#element').remove() it does remove the image, but I can still move the invisible placeholder that is there and it still collides with other elements on the page.

Thanks!

why not having containment option???

I like your plug very much.. but it not have the option named containment ( moving elements inside a div ) that is in jQuery.throwable.Please include this option so , i can make my game easly!!

Desired additions to this API

Moving elements without the mouse or touch. (Example: Using arrow keys. Making something jump onto another static element).

Specifically, very interested in these "to do" items (in order of importance):

• changes in the box2d HTML attributes should change the objects
• collision dection events
• collision detection
• make y/x-volocity changeable after world initialization
• change world boundaries with window resize

Thank you for listening to my feedback!

Auxiliary jQuery methods fail for using $.fn.selector

You can not use the selector property of the jQuery object; otherwise complex selector like this one:

jQuery("div").filter(":visible").selector

Will throw this error:

Uncaught Error: Syntax error, unrecognized expression: div.filter(:visible) 

Pass the jQuery object around instead of using $.fn.selector

fps of animated frame much higher then step rate

as the step rate is below the animated frame rate anyway we should probably not use animatedframe in the first place

interestingly, I was working on something similar, minus the jQuery bit

Interestingly,I have been working on and off on the same kind of thing, but then without jQuery, for the purpose of making easily "view-source"-able simple web games. I currently have a test version up on http://what.inthefuck.com/test/ that lets you draw your own shapes, with debug visualisation handled by sett SVG background images based on the shape outline through the background-image CSS property. Works pretty well, except in IE (since IE doesn't do .svg backgrounds).

(My test version still needs a bit of cleanup, it's garbage collecting a lot, so performance on slow things like tablets varies wildly depending on the hardware and browser used)

make velocity iterations and position iterations configable

http://blog.sethladd.com/2011/09/box2d-javascript-example-walkthrough.html

current its config = 8, position = 3, as recommended in the manual http://www.box2d.org/manual.html , but it should be editable http://www.box2d.org/manual.html

Terrain/obstacles with diagonal shapes

Hi!

I checked all the examples, but there wasn't anything on how to create some irregular terrain. I would be fine with just drawing a straight line with some diagonal ups and downs, but what is the methdod/syntax of doing something like that with box2d-jquery?

Allow ability to set container for object to fall/bounce inside of

I love this library, and really want to use it for a bio section on my site.
It would be nice to be able to set the container div that the object should stay within the bounds of. This way I could have the "photo balls" to fall and bounce around my bio section without falling out of view.
Is this a planned update? Or is there a setting for it I am missing?