Angry Birds (part 4) (Sketch.js)

 Angry Birds

(Part 4)

Sketch.js:

const Engine = Matter.Engine;

const World = Matter.World;

const Bodies = Matter.Bodies;

const Constraint = Matter.Constraint;

var engine, world;

var box1;

function setup() {

  createCanvas(1200, 400);

  engine = Engine.create();

  world = engine.world;

  //First Floor

  box1 = new Box(800, 320, 70, 70);

  box2 = new Box(1000, 320, 70, 70);

  pig1 = new Pig1(910, 350);

  log1 = new Log(910, 270, 270, 90);

  //Second Floor

  box3 = new Box(826, 210, 70, 70);

  box4 = new Box(990, 210, 70, 70);

  pig2 = new Pig2(910, 190, 50, 50);

  log2 = new Log(910, 100, 300, 90);

  //Third Floor

  box5 = new Box(890, 50, 70, 70);

  log3 = new Log(900, 32, 150, 30);

  log4 = new Log(960, 33, 150, -30);

  bird = new Bird(200, 50);

  platform = new Ground(150, 305, 300, 170);

  slingshot = new SlingShot(bird.body, { x: 200, y: 50 });

  ground = new Ground(600, height, 1200, 20);

}

function preload() {

  bgI = loadImage('sprites/bg.png');

}

function draw() {

  background(bgI);

  Engine.update(engine);

  box1.display();

  box2.display();

  pig1.display();

  log1.display();

  box3.display();

  box4.display();

  pig2.display();

  log2.display();

  box5.display();

  log3.display();

  log4.display();

  bird.display();

  platform.display();

  slingshot.display();

  ground.display();

}

function mouseDragged() {

  Matter.Body.setPosition(bird.body, { x: mouseX, y: mouseY });

}

function mouseReleased() {

  slingshot.fly();

}