DirectX11 on GameSweetGame

3D 캐릭터 띄우기 — 렌더링 파이프라인 변환 순서

Thu, 04 Jan 2024 00:00:00 +0900

변환 순서

폴리곤 × 월드행렬 × 뷰행렬 × 프로젝션행렬(투영)

월드행렬 (World Matrix) — 모델을 월드 공간에 배치 (위치, 회전, 스케일)
뷰행렬 (View Matrix) — 카메라 기준으로 변환
프로젝션행렬 (Projection Matrix) — 3D → 2D 화면으로 투영

DirectX 라이팅 기초 — Ambient, Diffuse, Specular

Wed, 03 Jan 2024 00:00:00 +0900

라이팅 계산

float4 fvTotalAmbient = fvAmbient * fvBaseColor;
float4 fvTotalDiffuse = fvDiffuse * fNDotL * fvBaseColor;
float4 fvTotalSpecular = fvSpecular * pow( fRDotV, fSpecularPower );

return( saturate( fvTotalAmbient + fvTotalDiffuse + fvTotalSpecular ) );

메모

saturate()는 0~1 사이의 값으로 클램핑
HDR에서는 saturate 함수를 사용하면 안 됨 (1.0 이상의 값이 필요하기 때문)
텍스처 압축하기 때문에 큰 용량 가능
림라이트는 버텍스에서 노멀벡터와 연산 하는게 테크닉

Assimp FBX 모델 로드 & 애니메이션

Tue, 02 Jan 2024 00:00:00 +0900

현재 상황: 과제 하던 간단한 구조에서 먼저 구현 중 → 구현 완료하면 팀 엔진으로 이식

버전 이슈

아무리 생각해도 본 개수 값이 너무 많이 나와서 Assimp 버전만 바꿔서 확인한 결과:

최신 버전 (v143)

v140 버전

메쉬 하나를 확인한 것인데 최신 버전은 본이 67개가 있다고 나옴. 이전 버전을 사용하니까 2개로 나옴.

스키닝 애니메이션 — 머리와 팔이 길어지는 버그

스키닝 애니메이션이 되긴 하는데 머리와 팔이 엄청 길어짐.

~~한참을 디버깅 하다가 fbx 파일을 확인 결과 본이 머리위로 튀어 나와있었다.~~

블렌더에서 실험을 해봤는데 버텍스들의 위치가 본보다 Y로 조금씩 올라가면 팔과 손이 길어지는 것을 확인함. 반대로 나는 애니메이션을 적용하면 길어지니까 본이 조금씩 아래로 설정 되어 있을 것 같다.

블렌더 Export 시 모델이 누워있을 때

익스포트 설정에서 Y Up을 확인.

그래도 똑같이 나오면 Y Up을 다르게 바꿔서 뽑았다가 다시 Y Up으로 변경해서 하니까 정상 출력됨.

DirectX UI 시스템 구현

Mon, 01 Jan 2024 00:00:00 +0900

엔티티를 만들 때 UITestScript를 컴포넌트로 추가한다. 생성할 때 종류를 넣어준다.

Update 함수 안에 종류 별로 구현.

UI 종류

STATIC — 그냥 가만히 있는 UI
ONMOUSE — 마우스를 올리면 숨쉬고 있는 UI
GAUGE — 게임에서 시간이나 배고픔, 미니게임 등 사용가능한 게이지 UI
만약 애니메이션이 추가 되면 더 늘려야 함

Shader Code

float4 main(PixelIn input) : SV_TARGET
{
 float4 texColor = float4(1, 1, 1, 0);

 if(UItype == 1)
 {
 // 텍스처 좌표가 0과 1을 벗어나면 frac 함수를 사용하여
 // 해당 범위 내로 되돌려주어 반복
 input.tex.x = frac(input.tex.x);
 input.tex.y = frac(input.tex.y);
 texColor = shaderTexture.Sample(SampleType, input.tex);
 if (texColor.a < 0.01)
 discard;
 }
 else if(UItype == 2)
 {
 float2 textureOffset = float2(0.0f, 0.0f);
 float2 textureSize = float2(1.0f, 1 - textureTranslation);

 // 텍스처 좌표가 특정 영역을 벗어나면 투명하게 처리
 if (input.tex.x < textureOffset.x ||
 input.tex.x > textureOffset.x + textureSize.x ||
 1 - input.tex.y < textureOffset.y ||
 1 - input.tex.y > textureOffset.y + textureSize.y)
 {
 discard;
 }
 else
 {
 texColor = shaderTexture.Sample(SampleType, input.tex);
 }
 }
 else
 {
 texColor = shaderTexture.Sample(SampleType, input.tex);
 if (texColor.a < 0.01)
 discard;
 }
 return texColor;
}

핵심 포인트

UItype == 1 (ONMOUSE): frac()으로 텍스처 좌표를 0~1 범위로 반복시켜 숨쉬는 느낌 구현
UItype == 2 (GAUGE): textureTranslation으로 텍스처 표시 영역을 조절해서 게이지 채워지는 효과
else (STATIC): 단순 텍스처 샘플링, 알파 0.01 미만이면 discard