https://github.com/anko/image-to-box2d-body

proof-of-concept game build pipeline for converting an image to a Box2D body
https://github.com/anko/image-to-box2d-body

box2d convert game-development image-processing physics tutorial

Last synced: 24 days ago
JSON representation

proof-of-concept game build pipeline for converting an image to a Box2D body

• Host: GitHub
• URL: https://github.com/anko/image-to-box2d-body
• Owner: anko
• Created: 2016-02-01T01:41:04.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2019-01-02T09:56:59.000Z (almost 6 years ago)
• Last Synced: 2024-10-04T10:28:15.862Z (about 1 month ago)
• Topics: box2d, convert, game-development, image-processing, physics, tutorial
• Language: JavaScript
• Homepage: http://gamedev.stackexchange.com/a/115938/7804
• Size: 216 KB
• Stars: 25
• Watchers: 5
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: readme.markdown

Awesome Lists containing this project

README

        
# How to convert drawn images into Box2D objects

[This question][1] [nerd-sniped][2] me hard, so I went on a magical journey to

figure out how to turn a drawn raster image into Box2D objects.

![sword and

wand](https://cloud.githubusercontent.com/assets/5231746/12706961/9c9dfb1e-c88d-11e5-8738-f8927d8c9ffb.png) →

this pipeline → ![box2d sword and

wand](https://cloud.githubusercontent.com/assets/5231746/12707020/646bb46a-c88e-11e5-9d6b-16a0cab0739b.gif)

This proof of concept expects to find an input file `input.png` in this project

root directory.  Then run `make`. 

You should find a bunch of intermediate formats in `out/` and if you open

`game.html`, you should see a Box2D debug view with your objects loaded.

See the [`makefile`][3] for how the build steps work.

## Dependencies:

-   `make`

-   Node.js and npm

    Run `npm install` in the project root directory to download Node.js

    dependencies to the local `node_modules` directory.

-   Inkscape

-   potrace

-   ImageMagick (`convert` and `mogrify`)

## License

[![CC0 license](https://licensebuttons.net/p/zero/1.0/88x31.png)][4]

To the extent possible under law, I waive all copyright and related or

neighbouring rights to this work.

[1]: http://gamedev.stackexchange.com/questions/109216/box2d-dynamic-assignment-of-fixture-shapes-based-on-sprite-alpha-channel

[2]: https://xkcd.com/356/

[3]: makefile

[4]: http://creativecommons.org/publicdomain/zero/1.0/