PGraphics pg;

void setup() {
  size(200, 200);
  pg = createGraphics(60, 60);
}

void draw() {
  background(0);
  pg.beginDraw();
  pg.background(100);
  pg.stroke(255);
  pg.ellipse(30, 30, 20, 20);
  pg.endDraw();
  image(pg, width/2-30, height/2-30);

}

• do they both look like having their own camera (without perspective) or
• do they look like they are having all the same central camera (so with perspective)?

1. PGraphics pg1, pg2;
2. float a;
3. 
   
4. void setup() {
5.   size(400, 200, P2D);
6.   pg1 = createGraphics(100, 100, P3D);
7.   pg2 = createGraphics(100, 100, P3D);
8. }
9. void draw() {
10.   background(0);
11.  
12.   pg1.beginDraw();
13.   pg1.background(100);
14.   pg1.stroke(255);
15.   pg1.translate(50, 50, 0);
16.   pg1.rotateY(a);
17.   pg1.noFill();
18.   pg1.box(40);
19.   pg1.endDraw();
20.  
21.   pg2.beginDraw();
22.   pg2.background(100);
23.   pg2.stroke(255);
24.   pg2.translate(50, 50, 0);
25.   pg2.rotateY(a + PI / 4);
26.   pg2.noFill();
27.   pg2.box(40);
28.   pg2.endDraw();
29.  
30.   image(pg1, width/3-50, height/2-50);
31.   image(pg2, 2*width/3-50, height/2-50);
32.  
33.   a += 0.01;
34. }

1. PGraphics pg1, pg2;
2. float a;
3. void setup() {
4.   size(1200, 800, P3D);
5.   pg1 = createGraphics(100, 100, P3D);
6.   pg2 = createGraphics(100, 100, P3D);
7. }
8. void draw() {
9.   background(0);
10.   pg1.beginDraw();
11.   pg1.background(100);
12.   pg1.stroke(255);
13.   pg1.translate(50, 50, 0);
14.   pg1.rotateY(a);
15.   pg1.noFill();
16.   pg1.box(40);
17.   pg1.endDraw();
18.   pg2.beginDraw();
19.   pg2.background(0);
20.   pg2.stroke(255);
21.   pg2.translate(50, 50, 0);
22.   pg2.rotateY(a + PI / 4);
23.   pg2.noFill();
24.   pg2.box(40);
25.   pg2.endDraw();
26.   //
27.   // central camera
28.   // upper right corner
29.   myBox(width-100, 50, 0);
30.   // central camera
31.   // bottom, centered
32.   myBox(450, height-80, 0);
33.   //
34.   image(pg1, 0, 0);
35.   image(pg2, width-100, height-120);
36.   a += 0.01;
37. }
38. // ------------------------------------------------
39. void myBox (int x, int y, int z) {
40.   pushMatrix();
41.   translate(x, y, z);
42.   stroke(255);
43.   rotateY(a);
44.   noFill();
45.   box(40);
46.   popMatrix();
47. }
48. //

1. PGraphics pg1, pg2;
2. float a;
3.  
4. void setup() {
5.   size(500, 200, P2D);
6.   pg1 = createGraphics(200, 200, P3D);
7.   pg2 = createGraphics(200, 200, P3D);
8. }
9.  
10. void draw() {
11.   background(0);
12.  
13.   pg1.beginDraw();
14.   pg1.background(#557700);
15.   pg1.stroke(255);
16.   pg1.strokeWeight(3);
17.   pg1.smooth(0);
18.   pg1.translate(100, 100, 0);
19.   pg1.rotateY(a);
20.   pg1.noFill();
21.   pg1.box(80);
22.   pg1.endDraw();
23.  
24.   pg2.beginDraw();
25.   pg2.background(#550077);
26.   pg2.stroke(255);
27.   pg2.strokeWeight(5);
28.   pg2.smooth(8);
29.   pg2.translate(100, 100, 0);
30.   pg2.rotateY(a + PI / 4);
31.   pg2.noFill();
32.   pg2.box(80);
33.   pg2.endDraw();
34.  
35.   image(pg1, 0, 0);
36.   image(pg2, width-pg2.width, 0);
37.   for (int i = 0; i < 100; i++)
38.   {
39.     color c = lerpColor(#557700, #550077, i / 100.0);
40.     stroke(c);
41.     line(pg1.width + i, 0, pg1.width + i, height);
42.   }
43.  
44.   a += 0.01;
45. }