sketch.js

const Engine = Matter.Engine;
const World = Matter.World;
const Bodies = Matter.Bodies; 
const Body = Matter.Body;
const Constraint = Matter.Constraint;

var bob1,bob2,bob3,bob4,bob5
var rope1,rope2,rope3,rope4,rope5;
var roof1;

function setup(){
createCanvas(1200,600);
  
engine = Engine.create();
world = engine.world;

bob1 = new Bob(550,300,30);
bob2 = new Bob(bob1.x+60,300,30);
bob3 = new Bob(bob2.x+60,300,30);
bob4 = new Bob(bob1.x-60,300,30);
bob5 = new Bob(bob4.x-60,300,30);

roof1 = new Roof(550,60,325,15);
  
rope1 = new Rope(bob1.body,roof1.body,0,0);
rope2 = new Rope(bob2.body,roof1.body,60,0);
rope3 = new Rope(bob3.body,roof1.body,120,0);
rope4 = new Rope(bob4.body,roof1.body,-60,0);
rope5 = new Rope(bob5.body,roof1.body,-120,0);

}

function draw(){
background("red");  
Engine.update(engine);
 
roof1.display();

bob1.display();
bob2.display();
bob3.display();
bob4.display();
bob5.display();

rope1.display();
rope2.display();
rope3.display();
rope4.display();
rope5.display();

}

function keyPressed(){
if(keyCode === UP_ARROW){
Body.applyForce(bob5.body,bob3.body.position,{x:-115,y:-115});
}
}

//Made By Aaryan.B