Time for action – putting two circles in the world
We will add two circles to the world by carrying out the following steps:
- Open the
html5games.box2dcargame.js
JavaScript file to add the wheel bodies. - Add the following code after the box creation code. This calls the
createWheel
function which we will write to create a circular shaped body:// create two wheels in the world createWheel(25, 230); createWheel(75, 230);
- Now let's work on the
createWheel
function. We design this function to create a circle-shaped body in the given world at the given x and y coordinates in the world. To do this, put the following function in our JavaScript logic file:function createWheel(x, y) { var bodyDef = new b2BodyDef; var fixDef = new b2FixtureDef; bodyDef.type = b2Body.b2_dynamicBody; bodyDef.position.x = x/pxPerMeter; bodyDef.position.y = y/pxPerMeter; fixDef.shape = new b2CircleShape(); fixDef.shape.SetRadius(10/pxPerMeter); fixDef.density = 1.0; fixDef.restitution = 0...