// Daniel Shiffman

// http://natureofcode.com

​

// How to make a custom *convex* polygon

​

// A reference to our box2d world

let world;

​

// A list we'll use to track fixed objects

let boundaries = [];

// A list for all of our rectangles

let polygons = [];

​

function setup() {

  createCanvas(640, 360);

​

  // Initialize box2d physics and create the world

  world = createWorld();

​

  // Add a bunch of fixed boundaries

  boundaries.push(new Boundary(width / 4, height - 5, width / 2 - 50, 10, 0));

  boundaries.push(new Boundary(3 * width / 4, height - 50, width / 2 - 50, 10, 0));

  boundaries.push(new Boundary(width - 5, height / 2, 10, height, 0));

  boundaries.push(new Boundary(5, height / 2, 10, height, 0));

}

​

function draw() {

  background(0);

​

  // We must always step through time!

  let timeStep = 1.0 / 30;

  // 2nd and 3rd arguments are velocity and position iterations

  world.Step(timeStep, 10, 10);

​

  // Display all the boundaries

  for (let i = 0; i < boundaries.length; i++) {

    boundaries[i].display();

  }

​

  // Display all the boxes

  for (let i = polygons.length - 1; i >= 0; i--) {

    polygons[i].display();

    if (polygons[i].done()) {

      polygons.splice(i, 1);

    }

  }

}

​

function mousePressed() {

  let cs = new CustomShape(mouseX, mouseY);

  polygons.push(cs);

}