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

https://youtu.be/KKlZnQW9g0I

PIE(Play In Editor)는 게임 엔진이라면 당연히 포함되어야하는 기능입니다. 이 버튼입니다. PIE를 구현하기 위해서는 Editor World 에 세팅을 해둔 정보, 값들을 PIE World에 복사를 해줘야합니다. 그럼 복사만 하면 끝인가?사실 끝이긴한데, 어떻게 복사를 할 지 고민을 해봐야합니다. 만약 얕은 복사를 했다면, PIE World 에서는 PIE Tick에 따라서 많은 일이 발생한 경우, 초기 Editor World 로 돌아가기 어려울 것입니다.하지만 모두 깊은 복사를 하게 되면, PIE World로 변화하는데 비용이 많이 들 것입니다. 어떤 것을 깊은 복사를 할 지, 어떤 것을 얕은 복사를 할 지 고민을 해봐야합니다. 저는 Mesh, Material처럼 Manage가 관리하고 있..

ObjPaserobj에는 대략 정보가 아래와 같이 작성되어있다.mtllib: mtl 파일 이름v: vertex positionvt: texture uv coordvn: vertex normalf: face ( v / vt/ vn ) Parser를 만드는 방법은 간단하다.v가 보일 때 Position을 저장하는 array에 저장을 한다.vt가 보일 때 Texture Coordinate을 저장하는 array에 저장을 한다.vn이 보일 때 normal을 저장하는 array에 저장을 한다. f를 만나면 index1 / index2/ index3을 만나게 될 텐데이때 저장해둔 v,vt,vn에서 꺼내오면 된다.( vn이 없을 때도 있는데, 그때는 index1 // index2로 되어있으니 따로 처리하는 코드를 추가..

Illumination (조명) 전역 조명은 BRDF가 끝난 이후의 장에서 따로 다룬다.이 장과 다음 장에서는 각 표면 지점에서 반사 방정식을 사용해 local illumination(로컬 조명)에 초점을 맞춘다.로컬 조명 알고리즘에서는 Li(l)L_i(l)Li​(l)이 주어진 것으로 간주되며 따로 계산할 필요가 없다. 현실적인 장면에서 Li(l)은 모든 방향으로부터의 0이 아닌 휘도를 포함한다.실제 세계의 광원은 점 광원이 아닌 면 광원이다. 이 장에서는 논의를 집중하기 위해 Li(l)을 방향성 및 점 광원으로만 제한된 형태로 사용하고, 보다 일반적인 조명 환경은 이후 장에서 따로 다루겠다.방향성/점 광원은 물리적으로 정확한 모델은 아니지만, 물리적 광원을 근사한 것으로 유도할 수 있다. 이러한 유도는..