p.setup=function() {

  p.createCanvas(400, 400);

}

​

  p.draw=function() {

    p.background(220);

    p.fill('red');

    p.ellipse(100,100,50);

  }

}

​

var sketch2 = function(p){

  p.setup=function() {

   p.createCanvas(400, 100,p.WEBGL);

  p.pg=p.createGraphics(20,20);

​

}

​

  p.draw=function() {

    p.background(220);

    p.pg.stroke(20);

      p.pg.point(10, 10);

  //pass image as texture

  p.texture(p.pg);

    p.rotateX(p.frameCount * 1);

  p.rotateY(p.frameCount * 1);

      p.rotateZ(p.frameCount * 1);

  p.box(20,20,20);

  }

}

​

var sketch3 = function(p){

  p.setup=function() {

   p.createCanvas(400, 100,p.WEBGL);

  p.pg=p.createGraphics(20,20);

​

}

​

  p.draw=function() {

    p.background(220);

    p.pg.stroke(20);

      p.pg.point(10, 10);

  //pass image as texture

  p.texture(p.pg);

    p.rotateX(p.frameCount * 1);

  p.rotateY(p.frameCount * 1);

      p.rotateZ(p.frameCount * 1);

  p.box(20,20,20);

  }

}

​

var p1=new p5(sketch1);

​

var p2=new p5(sketch2);

//var p3=new p5(sketch3);

​

​

​

​