HTML5 Game Development by Example : Beginner's Guide - Second Edition

Time for action – creating the world with ramps

Carry out the following steps to create a ramp in the physics world:

1. We open the game logic JavaScript file.
2. In the createGround function, we update the function to take four arguments. The changed code is highlighted as follows:

   function createGround(x, y, width, height, rotation) {
     var bodyDef = new b2BodyDef;
     var fixDef = new b2FixtureDef;
   
     bodyDef.type = b2Body.b2_staticBody;
     bodyDef.position.x = x /pxPerMeter;
     bodyDef.position.y = y /pxPerMeter;
     bodyDef.angle = rotation * Math.PI / 180;
   
     fixDef.shape = new b2PolygonShape();
     fixDef.shape.SetAsBox(width/pxPerMeter, height/pxPerMeter); fixDef.restitution = 0.4; fixDef.friction = 3.5; // create the body from the definition. var body = carGame.world.CreateBody(bodyDef); ...