Processing 在使用P3D时，如何以2D方式编写标题和图例？

除了标题和图例之外，我已经在P3D模式下完成了我的草图。在这种模式下工作时，我如何像2D一样正常书写这些文本。我在草图中引入了一个摄像头来启用平移和缩放功能。这会导致标题根据摄影机进行变换。我试着把标题改成正确的位置，但看起来还是有点不对劲

另外，我如何使它从鼠标缩放和平移自由。即使草图的其他部分移动，它仍保持其位置

这是我的密码：

PImage worldMap;

PShape box;

Table table;

int rowCount;

float x1, y1, z1, x2, y2, z2;

//Interaction Zoom and Pan Variables:

float zoom = 600;

float panLeft = 0;

float panTop = 0;


void setup() {

  size(1400, 800, P3D);

  table = new Table("From_USA_Coordinates.tsv");

  rowCount = table.getRowCount();

  worldMap = loadImage("world.topo.bathy.200406.3x5400x2700.jpg"); 

  worldMap.resize(500, 300);

  textureMode(NORMAL);

  fill(255);

  //stroke(color(44,48,32));

  box = createShape(BOX, -650, 300, 0);

  box.beginShape(BOX);

  box.endShape();

  box.setTexture(worldMap);


}

void draw() {  

  background(255);

  fill(0);

  titlesAndLegends();

  display();  

}


void mouseDragged() {
  if((mouseX- pmouseX) > 0){
    panLeft -= 5;
  } else {
    panLeft += 5;
  }

  if((mouseY-pmouseY) > 0) {
    //panTop -=5;
  }
}



void mouseWheel(MouseEvent event) {
  float e = event.getCount();
  if(e == 1) {
    zoom += 30;
  }else {
    zoom -= 30;
  } 
}

public void display() {  

  camera(panLeft, zoom , zoom, panLeft, 0, panTop, 0, 1, 0);   // eye(0, 600, 600) center(0, 0, 0) up(0, 1, 0)

  pushMatrix();

    translate(-350, 0, 0);

    shape(box);

    //box.scale(zoom);

  popMatrix();



  pushMatrix();

    translate(350, 0, 0);

    shape(box);


  popMatrix();


  pushMatrix();

    // To use the center of the left box as center coordinates

    translate(-350, 0, 0);

    textSize(15);

  for(int row = 1; row < rowCount; row++) {

    float USALatitude = table.getFloat(row, 3);

    float USALongitude = table.getFloat(row, 4);

    String countryName = table.getString(row,1);



    //Mapped Within X-axis of the left side map box

    float mappedLatitude = map(USALatitude,-90, 90, 150, -150); // Latitude is in Y axis

    float mappedLongitude = map(USALongitude, -180, 180, -325, 325); // Longitude in X Axis

    x1 = mappedLongitude;

    y1 = mappedLatitude;

    z1 = 0;



    float tripCountryLatitude = table.getFloat(row, 5);

    float tripCountryLongitude = table.getFloat(row, 6);     

    float tripLatitude = map(tripCountryLatitude, -90, 90, 150, -150); // In Y, same mapping

    float tripLongitude = map(tripCountryLongitude, -180, 180, 375, 1025); 

    // In X, having the position of the right box depending on the coordinates center

    x2 = tripLongitude;

    y2 = tripLatitude;

    z2 = 0;


    float zOff = map(0, 0, height, 300, 0); // Move mouse up and down


    float a = (x2-x1)/3;

    float b = (y2-y1)/3;

    stroke(#F05252);

    noFill();

    bezier(x1, y1, z1,                 // First point

         x1 + a, y1 + b, z1 + zOff,  // First intermediate point

         x2 - a, y2 - b, z2 + zOff,  // Second intermediate point

         x2, y2, z2); 

    //rotate(PI); 
    stroke(255);
    fill(255);
    text(countryName, x2-10, y2+10, z2+20);

  }

  popMatrix();

}

void titlesAndLegends() {
  pushMatrix();
    translate(-1000, -900, 0);
    //rotateY(-PI/4);
    textSize(50);
    fill(0);
    text("From USA to Other Parts of the World - 2019", width/2, 50);
  popMatrix();
}

PImage世界地图；
形状盒；
表格；
整数行数；
浮球x1、y1、z1、x2、y2、z2；
//交互缩放和平移变量：
浮动缩放=600；
float panLeft=0；
浮式panTop=0；
无效设置（）{
尺寸（1400、800、P3D）；
表=新表（“来自美国坐标系tsv”）；
rowCount=table.getRowCount（）；
worldMap=loadImage（“world.topo.bathy.200406.3x5400x2700.jpg”）；
世界地图。调整大小（500300）；
纹理模式（正常）；
填充（255）；
//笔画（颜色（44,48,32））；
box=createShape（box-650,300,0）；
盒子。开始形状（盒子）；
box.endShape（）；
box.setTexture（世界地图）；
}
void draw（）{
背景（255）；
填充（0）；
标题和图例（）；
显示（）；
}
void mouseDragged（）{
如果（（mouseX-pmouseX）>0）{
panLeft-=5；
}否则{
panLeft+=5；
}
如果（（鼠标指针）>0）{
//panTop-=5；
}
}
作废鼠标滚轮（鼠标事件）{
float e=event.getCount（）；
如果（e==1）{
缩放+=30；
}否则{
缩放-=30；
} 
}
public void display（）{
摄影机（左平移，缩放，缩放，左平移，0，panTop，0，1，0）；//眼睛（06060600）中心（0，0，0）向上（0，1，0）
pushMatrix（）；
翻译（-350,0,0）；
形状（盒）；
//缩放（缩放）；
popMatrix（）；
pushMatrix（）；
翻译（350,0,0）；
形状（盒）；
popMatrix（）；
pushMatrix（）；
//使用左框的中心作为中心坐标的步骤
翻译（-350,0,0）；
文本大小（15）；
对于（int row=1；row

表的代码：

class Table {
  int rowCount;
  String[][] data;


  Table(String filename) {
    String[] rows = loadStrings(filename);
    data = new String[rows.length][];

    for (int i = 0; i < rows.length; i++) {
      if (trim(rows[i]).length() == 0) {
        continue; // skip empty rows
      }
      if (rows[i].startsWith("#")) {
        continue;  // skip comment lines
      }

      // split the row on the tabs
      String[] pieces = split(rows[i], TAB);
      // copy to the table array
      data[rowCount] = pieces;
      rowCount++;

      // this could be done in one fell swoop via:
      //data[rowCount++] = split(rows[i], TAB);
    }
    // resize the 'data' array as necessary
    data = (String[][]) subset(data, 0, rowCount);
  }


  int getRowCount() {
    return rowCount;
  }


  // find a row by its name, returns -1 if no row found
  int getRowIndex(String name) {
    for (int i = 0; i < rowCount; i++) {
      if (data[i][0].equals(name)) {
        return i;
      }
    }
    println("No row named '" + name + "' was found");
    return -1;
  }


  String getRowName(int row) {
    return getString(row, 0);
  }


  String getString(int rowIndex, int column) {
    return data[rowIndex][column];
  }


  String getString(String rowName, int column) {
    return getString(getRowIndex(rowName), column);
  }


  int getInt(String rowName, int column) {
    return parseInt(getString(rowName, column));
  }


  int getInt(int rowIndex, int column) {
    return parseInt(getString(rowIndex, column));
  }


  float getFloat(String rowName, int column) {
    return parseFloat(getString(rowName, column));
  }


  float getFloat(int rowIndex, int column) {
    return parseFloat(getString(rowIndex, column));
  }


  void setRowName(int row, String what) {
    data[row][0] = what;
  }


  void setString(int rowIndex, int column, String what) {
    data[rowIndex][column] = what;
  }


  void setString(String rowName, int column, String what) {
    int rowIndex = getRowIndex(rowName);
    data[rowIndex][column] = what;
  }


  void setInt(int rowIndex, int column, int what) {
    data[rowIndex][column] = str(what);
  }


  void setInt(String rowName, int column, int what) {
    int rowIndex = getRowIndex(rowName);
    data[rowIndex][column] = str(what);
  }


  void setFloat(int rowIndex, int column, float what) {
    data[rowIndex][column] = str(what);
  }


  void setFloat(String rowName, int column, float what) {
    int rowIndex = getRowIndex(rowName);
    data[rowIndex][column] = str(what);
  }  
}

类表{
整数行数；
字符串[][]数据；
表（字符串文件名）{
String[]行=加载字符串（文件名）；
数据=新字符串[rows.length][]；
for（int i=0；ipublic void display() {  
  // begin isolate camera transformed coordinate system
  pushMatrix();
  camera(panLeft, zoom , zoom, panLeft, 0, panTop, 0, 1, 0);   // eye(0, 600, 600) center(0, 0, 0) up(0, 1, 0)

  pushMatrix();

    translate(-350, 0, 0);

    shape(box);

    //box.scale(zoom);

  popMatrix();



  pushMatrix();

    translate(350, 0, 0);

    shape(box);


  popMatrix();


  pushMatrix();

    // To use the center of the left box as center coordinates

    translate(-350, 0, 0);

    textSize(15);

  for(int row = 1; row < rowCount; row++) {

    float USALatitude = table.getFloat(row, 3);

    float USALongitude = table.getFloat(row, 4);

    String countryName = table.getString(row,1);



    //Mapped Within X-axis of the left side map box

    float mappedLatitude = map(USALatitude,-90, 90, 150, -150); // Latitude is in Y axis

    float mappedLongitude = map(USALongitude, -180, 180, -325, 325); // Longitude in X Axis

    x1 = mappedLongitude;

    y1 = mappedLatitude;

    z1 = 0;



    float tripCountryLatitude = table.getFloat(row, 5);

    float tripCountryLongitude = table.getFloat(row, 6);     

    float tripLatitude = map(tripCountryLatitude, -90, 90, 150, -150); // In Y, same mapping

    float tripLongitude = map(tripCountryLongitude, -180, 180, 375, 1025); 

    // In X, having the position of the right box depending on the coordinates center

    x2 = tripLongitude;

    y2 = tripLatitude;

    z2 = 0;


    float zOff = map(0, 0, height, 300, 0); // Move mouse up and down


    float a = (x2-x1)/3;

    float b = (y2-y1)/3;

    stroke(#F05252);

    noFill();

    bezier(x1, y1, z1,                 // First point

         x1 + a, y1 + b, z1 + zOff,  // First intermediate point

         x2 - a, y2 - b, z2 + zOff,  // Second intermediate point

         x2, y2, z2); 

    //rotate(PI); 
    stroke(255);
    fill(255);
    text(countryName, x2-10, y2+10, z2+20);

  }

  popMatrix();
  // end isolate camera
  popMatrix();
}

size(100, 100, P3D);
noFill();
background(204);
// reset all transformations
resetMatrix();
println("before camera");
printMatrix();

pushMatrix();
  camera(70.0, 35.0, 120.0, 50.0, 50.0, 0.0, 
         0.0, 1.0, 0.0);

  println("after camera");
  printMatrix();

  translate(50, 50, 0);
  rotateX(-PI/6);
  rotateY(PI/3);
  noFill();
  box(45);
popMatrix();
// back to no transformations
printMatrix();
fill(0);
text("text2D",-50,-40,-100);