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%를 더할 것입니다. 이 튜토리얼에서는 아래 두 텍스쳐를 알파 맵으로 혼합하여 나타내는 결과는 맨 오른쪽 그림과 같을 것입니다. ..