Thinking Different

DirectX 11/Basic 2017. 12. 21. 13:36

Tutorial 27 - 반사 원문 : http://www.rastertek.com/dx11tut27.html 이번 튜토리얼에서는 DirectX 11에서 HLSL과 C++를 이용하여 반사효과를 내는 법을 다룹니다. 이 튜토리얼에 사용된 코드는 이전 튜토리얼에서 이어집니다. 여기서는 바닥에 반사된 육면체를 그려볼 것입니다. 반사 효과를 내기 위해서는 반사 뷰 행렬이 필요합니다. 이 행렬은 평면의 반대쪽에서 바라본다는 것을 제외하면 보통 카메라에서 생성한 뷰 행렬과 동일합니다. 육면체가 바닥에 반사되는 것이기 때문에 Y축을 따라 반사 행렬을 만들도록 해야 합니다. 이 튜토리얼에서는 카메라의 Y좌표가 0.0이고 바닥이 -1. 5에 위치해 있습니다. 반사 시점은 바닥과 카메라의 상대 위치의 정반대이기 때문에 Y..

DirectX 11/Basic 2017. 12. 21. 13:23

Tutorial 26 - 투명도 원문 : http://www.rastertek.com/dx11tut26.html 투명도는 말 그대로 텍스쳐가 입혀진 물체를 뚫고 들여다볼 수 있는 효과입니다. 예를 들기 위해 아래 사진을 사용하겠습니다 이를 반쯤 투명하게 하고 다른 텍스쳐 위에 그려지게 하면 다음과 같은 투명도 효과가 나타납니다 DirectX 11과 HLSL에서의 투명도는 알파 블렌딩으로 구현되어 있습니다. 각 픽셀에는 알파 성분이 있는데 이 값으로 해당 픽셀의 투명도를 알아냅니다. 예를 들어, 어떤 픽셀의 알파값이 0.5라면 반쯤 투명하게 나타날 것입니다. 많은 텍스쳐들은 알파 성분을 갖고 있어서 어떤 부분은 투명하게 하고 또 다른 부분은 불투명하게 할 수 있습니다. 하지만 이 알파값들이 효과를 발휘하기..

DirectX 11/Basic 2017. 12. 21. 13:07

Tutorial 25 - 텍스처 이동 원문 : http://www.rastertek.com/dx11tut25.html 텍스쳐 이동(Texture transition)은 다각형 평면에 텍스쳐가 이동하는 듯한 애니메이션 효과를 주는 데 사용됩니다. 이 튜토리얼에서는 DirectX 11과 HLSL을 이용하여 텍스쳐 이동을 구현하는 내용을 다룹니다. 예제 코드는 이전 튜토리얼에서 이어집니다. 텍스쳐링 튜토리얼에서 다루었었듯이 도형에 텍스쳐를 입힐 때 UV 좌표계를 사용합니다. UV 좌표는 각각 X와 Y좌표로 변환되어 X는 도형의 가로로, Y는 세로로 대응하게 됩니다. 텍스쳐 이동을 구현하기 위해서는 픽셀 셰이더에서 텍스쳐의 X와 Y의 값을 바꿀 수 있어야 합니다. 단순히 0과 1 사이의 값을 X또는 Y에 더하거..

DirectX 11/Basic 2017. 12. 20. 17:37

Tutorial 24 - 클리핑 평면 원문 : http://www.rastertek.com/dx11tut24.html 이번 튜토리얼에서는 HLSL과 C++을 이용하여 클리핑 평면을 만드는 방법을 다룰 것입니다. 이 튜토리얼의 코드는 이전 코드에서 이어집니다. 클리핑 평면은 일반적으로 3D공간에서 기하학적 구조를 잘라내는 데 사용됩니다. 가장 대표적인 예로 뷰포트를 만들 때 사용하는 near와 far 평면이 있습니다. 뷰포트의 far평면 뒤로 이어지는 것들을 잘라내기 때문에 뒤에 나타나는 거대한 3D 구조를 그리지 않게 해 줍니다. 이전 버전의 DirectX를 사용했던 사람은 DirectX 10/11에서의 클리핑 평면이 다르게 구현되었다는 것을 알 것입니다. 이전에는 평면 오브젝트를 만들고 SetRende..

DirectX 11/Basic 2017. 12. 19. 01:23

Tutorial 23 - 안개 원문 : http://www.rastertek.com/dx11tut23.html 이번 튜토리얼에서는 DirectX 11에서 HLSL과 C++를 이용하여 안개를 만드는 방법을 다룹니다. 코드는 이전 튜토리얼에서 이어집니다. 여기서는 가장 구현이 간편하며 기본적인 종류의 안개 효과를 설명할 것입니다. 첫 단계는 회색이나 그와 비슷한 색으로 안개의 색을 정하는 것입니다. 그리고 나서 그 색으로 백버퍼를 초기화합니다. 그렇게 되면 모든 화면이 안개가 낀 상태인 것처럼 시작하게 되는데, 그 다음에 안개 안에 있게 될 각 모델마다 픽셀 셰이더에서 안개 안의 위치에 따라 안개 색의 농도를 달리하여 더하게 하면 됩니다. 그 농도와 관련된 공식은 여러 가지가 있습니다. 이 튜토리얼에서는 가..

DirectX 11/Basic 2017. 12. 17. 16:25

Tutorial 22 - 텍스처 렌더링(RTT) 원문 : http://www.rastertek.com/dx11tut22.html 이 튜토리얼에서는 DirectX 11에서 어떻게 텍스쳐에 렌더링을 할 수 있는지를 다룰 것입니다. 튜토리얼의 코드는 모델 렌더링과 비트맵 렌더링 튜토리얼 코드에 기반합니다. 텍스처 렌더링(RTT)은 백버퍼가 아닌 텍스쳐에도 장면을 그릴 수 있게 하는 방법을 제공합니다. 이 텍스쳐를 활용하면 수많은 경우에 유용하게 쓸 수 있는데, 예를 들어 다른 카메라로 본 장면을 텍스쳐에 그려 거울이나 TV화면의 내용으로 쓸 수 있을 것입니다. 또한 텍스쳐에 특별한 셰이더를 적용하여 더 독특한 효과를 줄 수도 있습니다. 이런 무궁무진한 활용방법은 RTT가 왜 DirectX 11에서 가장 강력한..

DirectX 11/Basic 2017. 12. 16. 11:21

Tutorial 21 - 반사 매핑 원문 : http://www.rastertek.com/dx11tut21.html 이번 튜토리얼에서는 HLSL을 이용하여 Direct X 11에서 반사 매핑(specular mapping)을 구현하고 어떻게 범프 매핑과 같이 사용할 수 있는지에 관한 내용을 다룰 것입니다. 따라서 이번 튜토리얼의 코드는 범프맵 튜토리얼과 정반사광(specular lighting) 튜토리얼의 내용을 합치는 것이 될 것입니다. 반사 매핑에서는 텍스쳐의 픽셀마다의 알파값을 해당 픽셀에서의 빛의 세기로 활용하는 참조 테이블로서 사용합니다. 그 참조 방법은 라이트 맵과 같지만 이번에는 그 값을 정반사광으로 강조하는 데 사용할 것입니다. 이번 예제에는 아래와 같은(맨 왼쪽) 색상 텍스쳐를 사용합니다..

DirectX 11/Basic 2017. 12. 15. 18:25

Tutorial 20 - 범프 매핑 원문 : http://www.rastertek.com/dx11tut20.html 이 튜토리얼에서는 HLSL 및 C++을 사용하여 DirectX 11에서 범프 매핑을 수행하는 방법에 대해 설명합니다. 이 튜토리얼의 코드는 이전 튜토리얼의 코드를 기반으로합니다. 사실 범프 매핑의 올바른 명칭은 노멀 매핑(normal mapping)입니다. 그 이유는 범프 매핑을 하기 위해서는 노멀 맵(normal map)이라는 특별한 텍스쳐를 사용하기 때문인데, 노멀 맵은 표면의 법선(normal)을 구하기 위한 참조 테이블로서 사용됩니다. 예제로 사용할 텍스쳐는 맨 왼쪽과 같고, 그 텍스쳐에 대응되는 노멀맵은 가운데와 같습니다. 노멀 맵을 사용하여 각 픽셀에서의 빛의 방향을 계산하면 맨..

DirectX 11/Basic 2017. 12. 14. 11:43

Tutorial 19 - 알파 맵핑 원문 : http://www.rastertek.com/dx11tut19.html DirectX 11에서의 알파 매핑(Alpha mapping)은 두 텍스쳐를 혼합할 때 텍스쳐의 알파 레이어를 이용하여 각 픽셀이 어느 정도 혼합되어야 하는지를 계산하는 과정입니다. 이 과정을 시작하기에 앞서 아래 그림처럼 텍스쳐에 적용할 알파 레이어를 만듭니다. 각 픽셀은 두 텍스쳐를 얼마나 혼합할 것인지 지정할 수 있도록 0.0~1.0 사이의 값을 가집니다. 예를 들어 어떤 픽셀의 알파값이 0.3이라면 기본 텍스쳐 픽셀의 30%와 같이 섞을 텍스쳐 픽셀의 70%를 더할 것입니다. 이 튜토리얼에서는 아래 두 텍스쳐를 알파 맵으로 혼합하여 나타내는 결과는 맨 오른쪽 그림과 같을 것입니다. ..

DirectX 11/Basic 2017. 12. 14. 11:18

Tutorial 18 - 라이트 맵 원문 : http://www.rastertek.com/dx11tut18.html DirectX 11에서의 라이트맵(Light map)은 보조 텍스쳐나 데이터 파일을 일종의 참조 테이블로 이용하여 아주 약간의 연산만을 수행하여 독특한 광원 효과를 만들 수 있는 방법입니다. 그 이유는 보조 텍스쳐를 광원 효과의 기초로 삼고 다른 광원 효과 관련된 계산은 하지 않기 때문입니다. 이는 엄청난 속도를 가져다줍니다. 바로 이전 튜토리얼에서 멀티텍스쳐링을 다루었기 때문에 이번 튜토리얼인 라이트맵은 약간의 수정만으로도 구현됩니다. 라이트맵을 위해서는 두 개의 텍스쳐가 필요한데, 첫번째는 기본 텍스쳐이고 맨 왼쪽과 같습니다. 두 번째 텍스쳐는 라이트맵입니다. 대개 이것은 검정과 하얀색..