3D and 2D Shapes

let canvas

let scene = 2

​

function setup() {

  createCanvas(400, 400, WEBGL);

  canvas = createGraphics(400,400);

}//END SETUP

​

function draw() {

  //scene = 1 (3D MODE)

  if(scene == 1){

  background(300);

  push()

  translate(0,0,500)

  stroke(75, 127, 82)

  fill(235, 100, 90)

  quad(40,30,90,100,130,200,70,45)

  pop()

  push()

  translate(0,0,500)

  ellipse(20,10,80)

  pop()

  push()

  translate(0,0,500)

  fill(225)

  cylinder(40,40)

  pop()

  }//END IF

​

  //scene = 2 (2D MODE)  

  if(scene ==2){

  canvas.background(300)

  canvas.fill(168, 50, 133 )

  canvas.triangle(150,200,300,75,90,75)

  canvas.fill(40)

  canvas.ellipse(200, 150, 85, 100)

  canvas.fill(100)

  canvas.circle(210,130,35)

  canvas.fill(80)

  canvas.quad(100,225,90,200,150,75,50,30)

  image(canvas,-200,-200,400,400)

  }//END IF

}//END DRAW

​

function keyPressed(){

  if (key == "1"){

    scene = 1

  }//END IF

   if (key == "2"){

    scene = 2

  }//END IF

}//END KEYPRESSED