var Engine = Matter.Engine, World = Matter.World, Bodies = Matter.Bodies;

​

var engine;

var world;

var theFloor;

var player;

var player2;

​

​

function setup() {

    const canvas = createCanvas(800,600);

    engine = Engine.create();

    world = engine.world;

    Engine.run(engine);

    theFloor = new Boundary(width/2,height - 50,width,10);

    player = new Player();

    player2 = new Player();

    //setup the initial body location and orientation

    Matter.Body.setPosition(player.groupLeg.bodies[1], {x: 400, y: 400});

    Matter.Body.setPosition(player.groupLeg.bodies[0], {x: 400, y: 400});

    Matter.Body.setPosition(player.groupLeg2.bodies[1], {x: 400, y: 400});

    Matter.Body.setPosition(player.groupLeg2.bodies[0], {x: 400, y: 400});

    //Matter.Body.setAngle(player.groupLeg.bodies[1], PI/2 );  // red upper

    //Matter.Body.setAngle(player.groupLeg.bodies[0], PI);  // blue lower

    //Matter.Body.setAngle(player.groupLeg2.bodies[1], PI/2 ); // red upper

    //Matter.Body.setAngle(player.groupLeg2.bodies[0], PI ); // blue lower

    Matter.Body.setAngle(player.groupLeg.bodies[1], -PI/2);

​

    const mouse = Matter.Mouse.create(canvas.elt);

    const options = {

      mouse: mouse,

      stiffness: 0.2

    };

    mouse.pixelRatio = pixelDensity();

    mConstraint = Matter.MouseConstraint.create(engine, options);

    World.add(world, mConstraint);

​

​

}

​

function draw() {

    background(51);

    //player.update();

    theFloor.show();

    player.show();

    player2.show();

    if(keyIsDown(65)) {player.applyTorque(0,0)}  // if a torque leg0 body 0

    if(keyIsDown(83)) {player.applyTorque(0,1)}  // if s torque leg0 body 1

    if(keyIsDown(75)) {player.applyTorque(1,0)} // k, 1, 0

    if(keyIsDown(76)) {player.applyTorque(1,1)} // l, 1, 1

}

function keyPressed() {

    if(key === 'q') {

        player.applyForce(0, 0,0,-20);

    }

    if(key === 'w') {

        player.applyForce(0, 1,0,-20);

    }

    if(key === 'o') {

        player.applyForce(1, 0,0,-20);

    }

    if(key === 'p') {

        player.applyForce(1,1,0,-20);

    }

   // if (key === 'a') { 

   //     player.applyTorque(0,0); // lower leg blue

   // }

    //if (key === 's') {

    //    player.applyTorque(0,1); // upper leg red

    //}

    //if (key === 'k') { 

    //    player.applyTorque(1,0);  // lower leg blue

   // }

    //if (key === 'l') {

    //    player.applyTorque(1,1);  // upper leg red

    //}

}

​