direction = 1;

function setup(){

  createCanvas(710, 400, WEBGL);

}

​

function draw(){

  background(255);

  rectMode(CENTER);

  rotateX(1.45);

  rect(0,y,40,200);

  rotateY(1.15);

  rect(-50,y-200,40,200);

  rotateY(-5.5);

  rect(-50,y-400,40,200);

  y = y + direction;

}

​

​

// class Platform {

//   constructor(angle) {

//     this.x = 0;

//     this.y = 300;

//     this.width = 40;

//     this.height = 200;

//     this.speed = 1;

//     this.Xangle = 1.45;

//     this.Yangle = angle;

//   }

​

//   move() {

//     this.y = this.y + this.speed;

//     // each frame im increasing the direction by 1

//     if (this.y > width || this.y < 0) {

//       // || means or

//       this.speed = this.speed * -1;

//     }

//   }

​

//   draw() {

//     rectMode(CENTER);

​

//     rotateX(this.Xangle);

//     rotateY(this.Yangle);

//     rect(this.x, this.y, this.width, this.height);

​

//   }

// }

​

// let rect1;

// let rect2;

// function setup() {

//   createCanvas(710, 400, WEBGL);

//   rect1 = new Platform(0);

//   rect2 = new Platform(2.45);

// }

​

// function draw() {

//   background(200);

//   rect1.move();

//   rect1.draw();

//   rect2.move();

//   rect2.draw();

// }