Box2D JavaScript - Uncovering the Magic Behind SilarApp.com

2,209 views

Published on

My presentation from http://www.meetup.com/sthlm-js/events/45236492/

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,209
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Box2D JavaScript - Uncovering the Magic Behind SilarApp.com

  1. 1. Angry Bird
  2. 2. Box2D A Open Source Physics Engine• www.box2d.org• Erin Catto, 2007, C++• zlib License (good open source stuff)• Angry Birds, Tiny Wings etc.
  3. 3. Box2D-web JavaScript Awesomenesshttp://code.google.com/p/box2dweb/Note: There are one more port called Box2D-js, it is outdated, don’t use it.
  4. 4. Good thing to know Otherwise stuff will be messy• No pixels. Only meters.• Convex, not conaves.• Moving objects 0.1-10 m. Static 0.1-50 m.• Only physics, no graphics.
  5. 5. “Bodies are soft bags with hard fixtures inside.” Bodies Fixtures • Contains fixture(s) • Density • Position • Friction • Angle • Has a shape • Static or dynamic • Collision
  6. 6. Demo!There will be a lot of code.
  7. 7. Continue Learning! Experiments are like sugar to the hacker soul.• jonnystromberg.com/box2d-javascript-tutorial/• github.com/javve/box2d-web-demos• www.box2d.org/manual.html• creativejs.com/2011/09/box2d-javascript-tutorial-series-by-seth-ladd/• blog.j15r.com/2011/12/for-those-unfamiliar-with-it-box2d-is.html• silarapp.com
  8. 8. The end.

×