二维空间转三维空间z值如何处理

// 假设您已经有了promatrix、viewmatrix和canvas坐标
// 将canvas坐标转换为裁剪空间坐标
const clipX = (2.0 * canvasX) / canvasWidth - 1.0;
const clipY = 1.0 - (2.0 * canvasY) / canvasHeight;
const clipZ = 0.0; // 这里假设z值为0，因为我们不知道物体在哪个深度

// 将裁剪空间坐标转换为视口空间坐标
const eyeSpacePos = vec4.fromValues(clipX, clipY, clipZ, 1.0);
const invProjMat = mat4.create();
mat4.invert(invProjMat, promatrix);
vec4.transformMat4(eyeSpacePos, eyeSpacePos, invProjMat);

// 将视口空间坐标转换为世界坐标
const worldSpacePos = vec4.create();
const invViewMat = mat4.create();
mat4.invert(invViewMat, viewmatrix);
vec4.transformMat4(worldSpacePos, eyeSpacePos, invViewMat);

// 将齐次坐标转换为三维坐标
const worldX = worldSpacePos[0] / worldSpacePos[3];
const worldY = worldSpacePos[1] / worldSpacePos[3];
const worldZ = worldSpacePos[2] / worldSpacePos[3];

// 最终的结果
const worldPos = vec3.fromValues(worldX, worldY, worldZ);

clipZ = (2.0 * zNear * zFar) / (zFar + zNear - (2.0 * z * (zFar - zNear)));

// 获取canvas元素
var canvas = document.getElementById('myCanvas');

// 获取视口
var viewport = canvas.getBoundingClientRect();

// 创建一个转换矩阵，相对于视口中心进行转换
var viewMatrix = mat3.create();
viewMatrix.translate(viewport.left, viewport.top);

// 创建一个平移矩阵，将canvas坐标系中的坐标平移到视口中心
var canvasMatrix = mat3.create();
canvasMatrix.translate(canvas.width / 2, canvas.height / 2);

// 将坐标从canvas坐标系转换到视口坐标系
var worldMatrix = mat3.multiply(viewMatrix, canvasMatrix);

// 获取世界坐标
var worldPoint = new Vec3(worldMatrix[12], worldMatrix[13], worldMatrix[14]);