Home/ Questions/Q 6951991
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T14:17:26+00:00

I know HTML5 canvas fairly well, I know the basics and animation using loops

  • 0

I know HTML5 canvas fairly well, I know the basics and animation using loops etc.

Demo I’m working with: (click to make shapes) http://henry.brown.name/experiments/box2d/example-canvas.html

What I’m not very familiar with is Box2D. I’m using the Box2DWeb port, I heard it was newer than Box2D-js, I’m not sure which is best.

I know how to initialize the ‘world’ and I can place objects in the world. I then use Step to animate the world – however to display it on the screen so far I’ve only been able to get it working with debug draw as it basically does everything for you.

Instead of using debug draw I’d like to use canvas to draw, for example a car instead of just a square. How do I attach the physics of a square to the image of a car? I just can’t get my head around integrating canvas with Box2D.

Any tips will be massively appreciated!

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you aren’t familiar with Box2D you should check out the documentation at http://www.kyucon.com/doc/box2d/. This should tell you all of the properties you need. To my knowledge the standard way of using Box2D is to attach an image with userData. See this example tutorial for image and Canvas image usage.

    http://www.jeremyhubble.com/box2d.html

    • 0