이런 종류의 매핑을 수행하는 Three.js에 투영 매트릭스를 설정하는 방법은 무엇입니까?

Question

아래의 규칙에 의해 설명 된 3D 좌표에서 화면 좌표로 매핑하는 Three.js에서 투영 행렬을 만드는 방법은 무엇입니까?

screen_x = x - z*0.5 
screen_y = y - z*0.5 
depth = z 

Answer 1

투영 행렬은 다음 식 나타냄 다른 모든 요소는 0이된다 것과

xx xy xz xt <- x' = (xx*x + xy*y + xz*z + xt)/(wx*x + wy*y + wz*z + 1) 
yx yy yz yt  y' = (yx*x + yy*y + yz*z + yt)/(wx*x + wy*y + wz*z + 1) 
zx zy zz zt  z' = (zx*x + zy*y + zz*z + zt)/(wx*x + wy*y + wz*z + 1) 
wx wy wz 1 

, 그러나

screen_x = x-z*0.5 : xx=1,  xz=-0.5 
screen_y = y-z*0.5 :  yy=1, xz=-0.5 
depth z'= z  :    zz=1  (and ww=1) 

EDIT이 아닌 일반적인 프로젝션 행렬 이 특정 문제에만 적용됩니다.

일반적인 [대칭] 투영 행렬은 x 및 y가 WX의 == * Z의 Z에 의해 분할되도록 다음있는 형태

a 0 0 d 
0 b 0 e 
0 0 c f 
0 0 1 0, 

이다.