렌더링에는 적분 문제가 매우 많이 등장한다.이후 장들에서 보게 되겠지만 카메라의 센서 응답, 참여 매질에서의 빛의 감쇠와 산란, 피부와 같은 재질에서의 산란 등 빛과 관련된 다양한 quantiy들도 적분 방정식으로 표현된다. 이러한 적분 방정식들은 일반적으로 해석적인 해를 갖지 않는다. 따라서 우리는 수치적 방법에 의존해야 한다. 사다리꼴 적분이나 가우스 구적법(Gauusian quadrature) 같은 표준적인 수치 적분 기법은 저차원이고 매끄러운 적분을 푸는 데는 효과적이다.하지만 렌더링에서 흔히 나타나는 고차원적이고 불연속적인 적분에 대해서는 수렴 속도가 좋지 않다. 몬테카를로 적분 기법은 이 문제에 대한 하나의 해결책을 제공한다. 몬테카를로 적분은 무작위 샘플링을 사용해 적분값을 평가하며, 그 수..

https://www.reddit.com/r/CrimsonDesert/comments/1rr174k/digital_foundry_interview_crimson_desert_pearl/?utm_source=chatgpt.com Reddit의 CrimsonDesert 커뮤니티: Digital Foundry (Interview): "Crimson Desert: Pearl Abyss Answers Every Tech Question We CCrimsonDesert 커뮤니티에서 이 게시물을 비롯한 다양한 콘텐츠를 살펴보세요www.reddit.com Digital Foundry:매력적인 낮/밤 사이클을 가지고 있고, 간접 조명은 레이 트레이싱으로 구현된 것처럼 보인다. 게임에서 태양과 로컬 라이트에 대한 di..

https://tithingbygame.tistory.com/300 [ComputerGraphics] 붉은 사막: 펄어비스 Tech Questiounhttps://www.reddit.com/r/CrimsonDesert/comments/1rr174k/digital_foundry_interview_crimson_desert_pearl/?utm_source=chatgpt.com Reddit의 CrimsonDesert 커뮤니티: Digital Foundry (Interview): "Crimson Desert: Pearl Abyss Answers Every Tech Question We CCtithingbygame.tistory.com 이 글을 우연히 보게 되었는데 아래와 같은 말이 있었고, ray가 hit한 지..

Cascaded Shadow Map은 거리에 따라 depth map이 할당 받는 월드의 영역을 다르게 해서, viewer와 가까운 곳은 texel의 density를 높이는 방식입니다. 주로 Directional Light에 사용됩니다.(Directional light는 월드 전체를 대상으로 하기 때문에) 가까운 거리는 왼쪽처럼 Shadow Map의 grid가 촘촘한게 그림자의 퀄리티에 좋을 것이고, 멀리 있는 물체의 그림자는 우측 처럼 grid가 널널해도 충분히 괜찮을 것이다. 1. Split View Frustum View Frustum기준 near ~ far plane 사이에 cascade 수 만큼 나눈다. ( 얼마나 나눌 지는 인자로 설정하면 된다.) 여기서 Frustum을 나누는 방법도 중요..

Decal 이란?Decal은 게임에서 스프레이, 총탄 자국, 낙서, 피격 효과처럼 특정 표면에 덧씌우는 방식의 렌더링에 사용된다.일반적으로 기존 메시에 텍스처를 직접 합성하지 않고, 별도의 투영(Projection)으로 덮어쓰는 방식이다.원래 많은 영상을 찍어두었지만,, 파일이 날라가는 바람에 기본적인 구현영상만 존재합니다.. ㅠ 1-1. Multi Passdecal은 Main Pass와 다른 Render State(Blend, Depth Write등) 를 요구한다.그렇기 때문에 별도의 Decal Pass 추가했다. (Multi Pass)// Frustum Culliung & Occulusion Culling// Draw Actor// 여기서 Decal Draw 2. PruningLevel(World)..

Exponent Height Foghttps://youtu.be/S5XvH08OHyo1. Exponent Height Fog란?안개 효과는 다들 익숙할 것이다.아마 어색한 것은 Exponent Height일텐데, 현실 안개와 유사하게 높이에 따라 지수적으로 밀도가 변경되는 안개이다.ParamsExponent Height Fog에는 2가지 주요 Parameters가 있다.Density: 밀도... 안개의 밀도다.. 깊이에 따른 밀도를 조절해준다.FallOff: 우리의 안개는 height fog이다. 높이에 따른 밀도를 조절해준다. (값이 크면 높이에 따른 밀도가 급격히 감소한다.)2. 구현2-1. Full Screen Quad (Vertex Shader)안개는 화면 전체에 적용되는 Post Processi..

FXAA1. FXAA란?Anti Aliasing의 기술 중 하나이다. 풀 네임은 Fast Approximate Anti-Aliasing이다.이미 렌더링된 화면의 edge를 찾아서 부드럽게 만들어주는 Post Processing Filter이다.즉, 3D 기하 정보를 사용하지 않고 최종하면의 edge만 감지하기 때문에 속도가 빠른 것이다.또한 픽셀이 Edge 위에 있는 지 판단하고, 위에 있다면 edge 방향을 따라 샘플링해서 블러효과를 준다.2. FXAA 구현 방법FXAA는 매우 단순한 아이디어로 동작한다.이웃 픽셀의 밝기 변화가 급격하다면, 이를 계단현상으로 인식하고 블러 효과를 주면된다.사람의 눈은 색의 차보다 명암 경계에 더 민감하다. 때문에 이웃 픽셀의 색이 아닌 밝기로 판단을 한다.Step1현재..

Batch Line Rendering1. Batch Line Rendering 이란?World에는 Grid Line, Axis, AABB 라인 등 Line을 그려하는 경우가 많다.하지만 이 때 line 하나당 DrawCall 한 번을 호출하게 되면 부하가 매우 심할 것이다.이를 해결하기 위해서 CPU에서 한 Frame에 Line을 모아서 DrawCall을 한 번만 호출하도록 하는 최적화 기법이다.2. Batch Line Rendering FlowResourceManager.AddBatchedVertices(...) 와 같이 API를 만들어서 사용했다.위에서 설명한 것 처럼 AABB Line, Grid, World Axis들을 AddBatchedVertices 함수를 사용해서 등록을 시켜주고,한 틱 당 R..

1-1. Billboard란?항상 카메라의 방향으로 고정되어있는 Quad를 의미합니다.1-2. 구현 방법VS(Text.hlsl)에서 ViewMatrix의 카메라 Right/Up (cmaera basis) 를 추출해서Quad가 월드 Space에서 카메라를 바라보도록 재 위치 시킨다.2. 실제 구현 (Vertex Shader)2.1 입력 상수버퍼cbuffer ModelBuffer : register(b0){ row_major float4x4 WorldMatrix;}cbuffer ViewProjBuffer : register(b1){ row_major float4x4 ViewMatrix; row_major float4x4 ProjectionMatrix;}// 이건 Text Atlas로 사용하기..

3D세계를 이루는 Matrices Picking Billboardhttps://tithingbygame.tistory.com/284 [자체 엔진] Billboard1-1. Billboard란?항상 카메라의 방향으로 고정되어있는 Quad를 의미합니다.1-2. 구현 방법VS(Text.hlsl)에서 ViewMatrix의 카메라 Right/Up (cmaera basis) 를 추출해서Quad가 월드 Space에서 카메라를 바라보도록 재tithingbygame.tistory.com Batch Line Renderinghttps://tithingbygame.tistory.com/285 [자체 엔진] Batch Line RenderingBatch Line Rendering1. Batch Line Rendering 이란..

https://youtu.be/NDmYKdKEgfo 2박 3일 동안 만든 게임입니다.첫째날은 4-5시쯤 시작했으니.. 1.5박 2.5일 입니다 ㅎㅎ어쩌다보니 해본 적 없는 UI를 담당하게 되었습니다..하하 물체의 움직임에 대한 것도 제가 구현하긴 했지만,, 저의 첫 UI작업이었기에 UI위주로 작성했습니다1. UI 이미지를 넣어보자스크린 좌표계를 이용해서 UI를 배치했고, 절대 위치로 배치하면 윈도우가 움직일 때 이상하게 보여질 것이기 때문에비율도 같이 넘겨서 배치했습니다.float w = targetSize[0] * (winSize[0] / winWidth), h = targetSize[1] * (winSize[1] / winHeight);float cx = winSize[0] * ratio[0], c..

https://youtu.be/w1Z3A91CVv4