도라시마

(사실 이해했는지 모르겠다. 어렴풋이 느껴질 뿐... 그래도 그 느낌을 정리한다.) 1. 캐릭터 애니메이션 - 책 내용은 그냥 '그렇구나' 라는 생각을 하며 읽을 수 있다. 예제 또한 읽기 쉽게 특수 제작된 모델 형식과, 애니메이션을 가지고 연습할 수 있도록 도와준다. 그냥 책에서 정해준 구조에, 정해준 방법으로 따라만했다.. - 블로그에는 책에 소개된 개념과, 그 개념을 예제에서는 어떤방식으로 구현했는지 간단하게 언급하고 넘어갈 것이다. - 이걸로 느낌을 잡았으니, 다음은 FBX, OBJ 같은 상용 포멧을 나만의 Render위에 올려봐야 제대로 공부가 끝날 것이다. 2. 뼈대(bone) 좌표계와 위계구조(Hierarchy) - 언리얼 마네킹이나 블랜더에서 모델을 하나 만들면, Pelvis나 Root에서..

(사실 이해했는지 모르겠다. 어렴풋이 느껴질 뿐... 그래도 그 느낌을 정리한다.) 0. 이거는 진짜로 이해했다고 말할 수 없다. - 일단 이 quaternion 챕터 내용은 복소수에서 기하학적 해석으로 회전으로 개념을 확장하고, 복소수의 확장 + 일반적인 버번인 사원수도 그 회전의 개념을 적용시킨다. - 사원수와 선형대수의 벡터 공간에서 연산을 이용하여, 임의의 축(axis)에 대해 벡터(점)를 세타(θ)만큼 회전시키는 식이 선형 변환(linear transform)이 선형 변환임을 알아내고, - 그것을 행렬로 또 다른 선형 변환과 함께 사용할 수 있다는 것에 관한 내용인데... - 솔직히 말해서... 공식으로 몇 번 유도해 보고, 써보고 결과를 눈으로 보니까 이해했다기보다는 그냥 익숙해진 느낌이다....

(사실 이해했는지 모르겠다. 어렴풋이 느껴질 뿐... 그래도 그 느낌을 정리한다.) 1. Ambient Occlusion - 냅다 모든 모델 픽셀에 일정량의 빛을 더해주었던 Ambient Light를 좀 더 그럴싸하게 바꾸는 챕터이다. - 아이디어는 일단 타겟픽셀 주변에 뭔가 많으면, 그림자가 드리워져서 혹은 빛이 가려져서 Ambient Light를 어둡게 설정하는 것이다. - 타겟 픽셀의 노멀 방향 반구로 냅다 Ray를 쏴서, 뭔가 닿는것이 많을 수록 어두워지는 것이다. - 하지만 모든 모델, 모든 픽셀에 대해서 Ray를 쏘는건 일단 말이 안되고, 좀 더 가벼운 방법이 필요하다. - 그래서 나온게 SSAO (Screen Space Ambient Occlusion) 이다. 화면에 보이는 부분에 대해서만,..

(사실 이해했는지 모르겠다. 어렴풋이 느껴질 뿐... 그래도 그 느낌을 정리한다.) 1. Shadow Mapping - 아이디어의 시작은 그림자를 지게 만드는 광원에서 뭔가를 하는 것이다. - 광원에서 빛이 나와서 opaque한 물체에 닿으면, 그 뒤로 그림자가 생기는 것이다. - Shadow Mapping이 이 원리를 써먹을 알고리듬이다. - 광원에서 빛의 방향으로 바라본 장면을 렌더링 하고, 이것의 뎁스 버퍼를 이용하는 것이다. 그러면, 광원과 빛이 처음 닿는 픽셀과 거리가 담긴 텍스쳐를 얻게 된다. - 이를 그림자를 지게할 곳과 거리를 비교해서, 해당 평면에 그림자가 드리울지, 아닐지, 혹은 얼마나 드리울지 결정하는 것이다. 2. Projective Texturing - 예제에서는 Direction..

(사실 이해했는지 모르겠다. 어렴풋이 느껴질 뿐... 그래도 그 느낌을 정리한다.) 1. Normal Mapping - Vertex에서만 존재하는 Normal 값을, 텍스쳐로 받아서 더 디테일하게 표면을 그려보려고 한다. - Normal 정보를 가지고 있는 Normal Map(Texture)와 그것을 적절히 모델에 적용(Mapping)시키는 것이 목적이다. - 노멀맵 이미지를 보면, 파란색 베이스에 초록색이나 붉은색이 약간씩 섞여있는... 아무튼 그런 모양새다. - RGB에 각각 Normal의 X, Y, Z 값을 넣어서 그런 것이다. Z가 접면 좌표계에서는 수직을 나타내니깐, 그것을 담은 나타내는 B값이 제일 클 것이고, 그래서 전반적으로 푸른빛을 내는 것이다. - bit - format은 각 성분의 구..

(사실 이해했는지 모르겠다. 어렴풋이 느껴질 뿐... 그래도 그 느낌을 정리한다.) 1. CubeMap과 환경 매핑 - 플레이어(카메라) 가까이 Mesh들이 있는 Level이 아니라, 예제 사진처럼 환경을 그려주고, 반사되는 물체에도 적절히 환경 반사상을 그려주어서, 심미적인 효과를 주는 것이 이번 예제의 목표이다. - 이를 위해서는(예제와 같은 결과가 나오기 위해서는) 주변 환경을 나타내는 6장의 Texture를 가진 환경맵이 필요하고, 해당 텍스쳐의 포맷인 D3D12_SRV_DIMENSION_TEXTURECUBE에서 픽셀을 참조하기 위해 필요한, LookUp 벡터로 샘플링을 해야 한다. 2. TextureCube 맵 과 LookUp Vector - 일단 환경 자체를 그리는 방법을 먼저 보면, 예제에서..

(사실 이해했는지 모르겠다. 어렴풋이 느껴질 뿐... 그래도 그 느낌을 정리한다.) 1. Picking - 화면을 마우스로 클릭해서 model을 선택하는 것을 목표로 한다. - 마우스 입력은 Client Area의 2D 좌표로 받고, Model은 App 상에서 3D로 존재하고, 좌표계도 다르다. (Client Area -> World Coordinates) - 아이디어는 NDC위의 점을 클릭한 것을, 원점(카메라 위치)에서 View Frustum의 Projection Screen위의 한 점으로 지나가는 반직선(Ray)으로 변환하는 것이다. - 카메라 위치에서 Projection Screen을 지나 View Frustum을 가로지르는 반직선(Ray)과, Model의 충돌을 적절한 좌표계 변환과 + Dire..

(사실 이해했는지 모르겠다. 어렴풋이 느껴질 뿐... 그래도 그 느낌을 정리한다.) 1. Instancing - 이전 챕터에서 배운 Dynamic Indexing과 Texture Array와 StructuredBuffer를 함께 이용한다. - 똑같은 물체를 여러 개 그리기 위해, App에서 API에게 Drawcall을 여러 번 요청하는 것보다 좋은 방법이라고 한다. - Vertex Buffer와 Index Buffer를 Input - Assembly에 걸어 놓고, DrawIndexedInstanced를 호출할 때, 두 번째 매개변수에 1 이외에 값을 넣는다면, - Vertex Shader의 SV_InstanceID 시멘틱에서 횟수를 알려주면서 여러번 삼각형을 그리게 된다. - 이걸 일종의 Index로 이..

(사실 이해했는지 모르겠다. 어렴풋이 느껴질 뿐... 그래도 그 느낌을 정리한다.) 1. Dynamic Indexing - hlsl 5.1에서 새로 생긴 기능이다. Texture 들을 배열로 Shader에서 정의할 수 있고, 그것을 인덱싱 할 수 있다. - Texture2D texArr[4] : register(t0); 이렇게 선언한다면, t0 ~ t3 레지스터를 차지한다. - Structrued Buffer도 마찬가지로 Indexing을 할 수 있다. Upload Heap으로 올리고 App과 Shader가 같은 Struct를 사용하고 있다면 정상적으로 작동한다. t 레지스터를 사용한다. 그래서 space를 이용해서 texture array와 겹치지 않는 레지스터 번호를 가지게 하였다. 2. App에서 ..

(사실 이해했는지 모르겠다. 어렴풋이 느껴질 뿐... 그래도 그 느낌을 정리한다.) 1. Tessellation - Shader를 이용해서 GPU에게 점 (삼각형)을 새로 생성해달라고 하는 거다. ( App에서 작업을 줄이고, GPU의 작업을 늘리는 느낌 ) - 그래픽스 파이프라인에서 Vertex Shader 다음에 작성할 수 있는 단계다. 그래픽 파이프라인 - Win32 apps | Microsoft Learn 그래픽 파이프라인 - Win32 apps 이 섹션에서는 Direct3D 11 프로그래밍 가능 파이프라인에 대해 설명합니다. learn.microsoft.com - (Constants) Hull Shader + Tessellator + Domain Shader 단계를 가진다. - 여기서 프로그래머..