Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 

(시리즈 글이 6개 있습니다.)
Graphics: 15. Unity - shader의 World matrix(unity_ObjectToWorld)를 수작업으로 구성
; https://www.sysnet.pe.kr/2/0/11633

Graphics: 17. Unity - World matrix(unity_ObjectToWorld)로부터 TRS(이동/회전/크기) 행렬로 복원하는 방법
; https://www.sysnet.pe.kr/2/0/11637

Graphics: 18. Unity - World matrix(unity_ObjectToWorld)로부터 Position, Rotation, Scale 값을 복원하는 방법
; https://www.sysnet.pe.kr/2/0/11640

Graphics: 22. Unity - shader의 Camera matrix(UNITY_MATRIX_V)를 수작업으로 구성
; https://www.sysnet.pe.kr/2/0/11692

Graphics: 23. Unity - shader의 원근 투영(Perspective projection) 행렬(UNITY_MATRIX_P)을 수작업으로 구성
; https://www.sysnet.pe.kr/2/0/11695

Graphics: 25. Unity - shader의 직교 투영(Orthographic projection) 행렬(UNITY_MATRIX_P)을 수작업으로 구성
; https://www.sysnet.pe.kr/2/0/11700




Unity - shader의 직교 투영(Orthographic projection) 행렬(UNITY_MATRIX_P)을 수작업으로 구성

지난 글에서 다룬,

Unity - shader의 원근 투영(Perspective projection) 행렬(UNITY_MATRIX_P)을 수작업으로 구성
; https://www.sysnet.pe.kr/2/0/11695

원근 투영에 이어 이번에는 직교 투영 행렬에 대해 다뤄보겠습니다.

Main Camera의 Projection 설정을 "Orthographic"으로 바꾸고 shader를 디버깅해 보면 투영 행렬을 담은 2가지 변수에 대해 다음과 같은 decomposeProjection 값이 나옵니다.

[초기 Scene 화면의 기본값]
Size = 5
Near = 0.3
Far = 1000
카메라 위치 = (0, 1, -10)

camera.projectionMatrix.decomposeProjection
_top    5.000000000 
_bottom -5.000000000
_left   -8.911290000
_right  8.911290000 
_near   0.299959800 
_far    1000.000000000

GL.GetGPUProjectionMatrix(camera.projectionMatrix, true).decomposeProjection
_top    -5.000000000
_bottom 5.000000000 
_left   -8.911290000
_right  8.911290000 
_near   1999.700000000
_far    0.299959800

원근 투영과 달라진 점이 있다면, Unity의 Inspector 화면에서 원근 투영에 있던 FOV 옵션이 없어지고 근-평면과 원-평면의 크기를 나타내는 Size가 새로 생겼습니다. 그리고 위의 설정일 때 shader의 glstate_matrix_projection, unity_CameraWorldClipPlanes 내장 변수의 값은 다음과 같습니다.

glstate_matrix_projection = [0.112217200  0.0     0.0            0.0;
                             0.0         -0.2     0.0            0.0;
                             0.0          0.0     0.001000300    1.000300000;
                             0.0          0.0     0.0            1.0]

unity_CameraWorldClipPlanes[0]	x = 1.000000000, y = 0.000000000, z = 0.000000000, w = 8.911290000	
unity_CameraWorldClipPlanes[1]	x = -1.000000000, y = 0.000000000, z = 0.000000000, w = 8.911290000	
unity_CameraWorldClipPlanes[2]	x = 0.000000000, y = -1.000000000, z = 0.000000000, w = 6.000000000	
unity_CameraWorldClipPlanes[3]	x = 0.000000000, y = 1.000000000, z = 0.000000000, w = 4.000000000	
unity_CameraWorldClipPlanes[4]	x = 0.000000000, y = 0.000000000, z = -1.000000000, w = 1989.700000000
unity_CameraWorldClipPlanes[5]	x = 0.000000000, y = 0.000000000, z = 1.000000000, w = 9.700010000

이번에도 역시 OpenGL을 따르는 투영 행렬과 유니티가 실행하는 환경에서의 투영 행렬 공식이 달라질 수 있는데 제 테스트 환경에서는 다음과 같습니다.

[OpenGL을 따르는 투영 행렬]

${
P = \begin{bmatrix} \frac {2} {r - l} & 0 & 0 & 0 \\ 0 & \frac {2} {t - b} & 0 & 0 \\ 0 & 0 & \frac {-2} {f - n} & \frac {-(f + n)} {f - n} \\ 0 & 0 & 0 & 0 \end{bmatrix}
}$

[실행 환경에 맞는 투영 행렬 - 아래는 DirectX를 사용하는 윈도우 환경에서의 투영 행렬]

${
P = \begin{bmatrix} \frac {2} {r - l} & 0 & 0 & 0 \\ 0 & \frac {-2} {t - b} & 0 & 0 \\ 0 & 0 & \frac {1} {f - n} & \frac {f} {f - n} \\ 0 & 0 & 0 & 0 \end{bmatrix}
}$


실제로 camera.projectionMatrix.decomposeProjection의 값을 위의 투영 행렬 공식에 대입하면 다음과 같은 값들이 나옵니다.

[OpenGL을 따르는 투영 행렬]

${
P = \begin{bmatrix} 0.112217200 & 0 & 0 & 0 \\ 0 & 0.2 & 0 & 0 \\ 0 & 0 & -0.002000600 & -1.000600099 \\ 0 & 0 & 0 & 0 \end{bmatrix}
}$

[실행 환경에 맞는 투영 행렬 - 아래는 DirectX를 사용하는 윈도우 환경에서의 투영 행렬]

${
P = \begin{bmatrix} 0.112217200 & 0 & 0 & 0 \\ 0 & -0.2 & 0 & 0 \\ 0 & 0 & 0.001000300 & 1.000300049 \\ 0 & 0 & 0 & 0 \end{bmatrix}
}$





이것을 shader 코드에서 구현하는 방법은 투영 행렬과는 다소 다릅니다. 왜냐하면 직교 투영을 하는 경우 FOV가 아닌 단순 직육면체를 나타내는 절두체의 크기를 구해야 하기 때문입니다.

ortho_projection_1.png

다행히 이 크기는 unity_OrthoParams에서 구할 수 있습니다.

이름: unity_OrthoParams 
형식: float4 
설명:
    x is orthographic camera’s width 
    y is orthographic camera’s height
    z is unused
    w is 1.0 when camera is orthographic, 0.0 when perspective. 

따라서 shader에서는 다음과 같이 투영 행렬을 재구성할 수 있습니다.

v2f vert (appdata v)
{
    float4 pos;

    v2f o;

    float orthoWidth = unity_OrthoParams.x;
    float orthoHeight = unity_OrthoParams.y;

    float nearPlane = _ProjectionParams.y;
    float farPlane = _ProjectionParams.z;

    float top = orthoHeight;
    float bottom = -top;
    float right = orthoWidth;
    float left = -right;
                
    float p00 = 2 / (right - left);
    float p11 = -2 / (top - bottom);
    float p22 = 1 / (farPlane - nearPlane);
    float p23 = farPlane / (farPlane - nearPlane);

    float4x4 projectionMatrix;
    projectionMatrix[0] = float4(p00, 0, 0, 0);
    projectionMatrix[1] = float4(0, p11, 0, 0);
    projectionMatrix[2] = float4(0, 0, p22, p23);
    projectionMatrix[3] = float4(0, 0, 0, 1);

    pos = mul(unity_ObjectToWorld, v.vertex);
    pos = mul(UNITY_MATRIX_V, pos);
    pos = mul(projectionMatrix, pos);
    // pos = mul(UNITY_MATRIX_P, pos);

    o.vertex = pos;
    return o;
}

Unity의 Scene 디자인 화면에서 정상적으로 직교 투영 변환이 되었는지는 보기 방식을 "Iso(metric)"로 바꿔야 합니다.

ortho_projection_2.png




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]







[최초 등록일: ]
[최종 수정일: 9/22/2018]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




1  2  3  4  5  6  7  8  9  10  11  [12]  13  14  15  ...
NoWriterDateCnt.TitleFile(s)
13641정성태6/11/20248689Linux: 71. Ubuntu 20.04를 22.04로 업데이트
13640정성태6/10/20248852Phone: 21. C# MAUI - Android 환경에서의 파일 다운로드(DownloadManager)
13639정성태6/8/20248469오류 유형: 906. C# MAUI - Android Emulator에서 "Waiting For Debugger"로 무한 대기
13638정성태6/8/20248539오류 유형: 905. C# MAUI - 추가한 layout XML 파일이 Resource.Layout 멤버로 나오지 않는 문제
13637정성태6/6/20248462Phone: 20. C# MAUI - 유튜브 동영상을 MediaElement로 재생하는 방법
13636정성태5/30/20248102닷넷: 2264. C# - 형식 인자로 인터페이스를 갖는 제네릭 타입으로의 형변환파일 다운로드1
13635정성태5/29/20248971Phone: 19. C# MAUI - 안드로이드 "Share" 대상으로 등록하는 방법
13634정성태5/24/20249451Phone: 18. C# MAUI - 안드로이드 플랫폼에서의 Activity 제어 [1]
13633정성태5/22/20248975스크립트: 64. 파이썬 - ASGI를 만족하는 최소한의 구현 코드
13632정성태5/20/20248588Phone: 17. C# MAUI - Android 내에 Web 서비스 호스팅
13631정성태5/19/20249347Phone: 16. C# MAUI - /Download 등의 공용 디렉터리에 접근하는 방법 [1]
13630정성태5/19/20248892닷넷: 2263. C# - Thread가 Task보다 더 빠르다는 어떤 예제(?)
13629정성태5/18/20249178개발 환경 구성: 710. Android - adb.exe를 이용한 파일 전송
13628정성태5/17/20248553개발 환경 구성: 709. Windows - WHPX(Windows Hypervisor Platform)를 이용한 Android Emulator 가속
13627정성태5/17/20248634오류 유형: 904. 파이썬 - UnicodeEncodeError: 'ascii' codec can't encode character '...' in position ...: ordinal not in range(128)
13626정성태5/15/20248913Phone: 15. C# MAUI - MediaElement Source 경로 지정 방법파일 다운로드1
13625정성태5/14/20248944닷넷: 2262. C# - Exception Filter 조건(when)을 갖는 catch 절의 IL 구조
13624정성태5/12/20248737Phone: 14. C# - MAUI에서 MediaElement 사용파일 다운로드1
13623정성태5/11/20248445닷넷: 2261. C# - 구글 OAuth의 JWT (JSON Web Tokens) 해석파일 다운로드1
13622정성태5/10/20249253닷넷: 2260. C# - Google 로그인 연동 (ASP.NET 예제)파일 다운로드1
13621정성태5/10/20248645오류 유형: 903. IISExpress - Failed to register URL "..." for site "..." application "/". Error description: Cannot create a file when that file already exists. (0x800700b7)
13620정성태5/9/20248573VS.NET IDE: 190. Visual Studio가 node.exe를 경유해 Edge.exe를 띄우는 경우
13619정성태5/7/20248877닷넷: 2259. C# - decimal 저장소의 비트 구조파일 다운로드1
13618정성태5/6/20248666닷넷: 2258. C# - double (배정도 실수) 저장소의 비트 구조파일 다운로드1
13617정성태5/5/20249495닷넷: 2257. C# - float (단정도 실수) 저장소의 비트 구조파일 다운로드1
13616정성태5/3/20248658닷넷: 2256. ASP.NET Core 웹 사이트의 HTTP/HTTPS + Dual mode Socket (IPv4/IPv6) 지원 방법파일 다운로드1
1  2  3  4  5  6  7  8  9  10  11  [12]  13  14  15  ...