Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
(연관된 글이 1개 있습니다.)
(시리즈 글이 3개 있습니다.)
.NET Framework: 281. Shader 강좌와 함께 배워보는 XNA Framework (1) - 기초 프로그램 구조
; https://www.sysnet.pe.kr/2/0/1196

.NET Framework: 282. Shader 강좌와 함께 배워보는 XNA Framework (2) - RenderMonkey의 Shader/Model 파일 연동
; https://www.sysnet.pe.kr/2/0/1197

.NET Framework: 285. Shader 강좌와 함께 배워보는 XNA Framework (3) - 텍스처 매핑 예제
; https://www.sysnet.pe.kr/2/0/1206




Shader 강좌와 함께 배워보는 XNA Framework (3) - 텍스처 매핑 예제


지난번 글에 이어서.

Shader 강좌와 함께 배워보는 XNA Framework (2) - RenderMonkey의 Shader/Model 파일 연동
; https://www.sysnet.pe.kr/2/0/1197

역시나 처음으로 "texture mapping"이라는 것도 해보게 되는군요. ^^

[포프의 쉐이더 입문강좌] 03. 텍스처매핑 Part 1 
; http://kblog.popekim.com/2011/12/03-part-1.html

[포프의 쉐이더 입문강좌] 03. 텍스처매핑 Part 2 
; http://kblog.popekim.com/2011/12/03-part-2.html

위에서 "Part 1"의 실습을 하면 RenderMonkey 도구의 "Vertex Shader" 코드만 포함하고 있기 때문에 정상적인 결과물을 볼 수 없습니다. 그래서 "Part 2" 강좌의 초입에 나오는 "Pixel Shader" 코드를 마저 입력해 주어야 컴파일이 성공하고 "Stream Mapping"까지 완료해야만 정상적인 지구본 모양의 이미지를 볼 수 있습니다.

ch3_texture_mapping_1.png

그렇게 렌더몽키 실습이 완료되었으면 본격적으로 XNAFramework 예제로 넘어가게 되는데요.

우선, 새롭게 실습한 RenderMonkey의 결과물을 각각 Sphere.x와 TextureMapping.fx 파일로 저장하고 TextureMapping의 원본으로 사용된 이미지 earth.jpg도 렌더몽키의 설치 디렉토리로부터(보통, C:\Program Files (x86)\AMD\RenderMonkey 1.82\Examples\Media\Textures) 복사해서 XNAMFramework 프로젝트에 복사합니다.

코드는 지난번의 예제 프로젝트를 기반으로 변경해 볼 텐데요.

WindowsGame1Content 프로젝트에 있는 기존 .x, .fx 자원을 삭제하고 새롭게 Sphere.x, TextureMapping.fx, earth.jpg 파일을 추가해 준 후 코드에 적용해 주는데, Sphere.x와 TextureMapping.fx는 기존 코드에 이미 Model/Effect 타입으로 정의되어 있기 때문에 이름만 바꿔주면 되고, earth.jpg 파일에 대해서는 Texture 타입으로 로드를 해줍니다.

Model _earthModel;
Effect _textureMappingShader;
Texture _earthTexture;

protected override void LoadContent()
{
    spriteBatch = new SpriteBatch(GraphicsDevice);

    _spriteFont = Content.Load<SpriteFont>("Font");
    _earthModel = Content.Load<Model>("Sphere");
    _textureMappingShader = Content.Load<Effect>("TextureMapping");
    _earthTexture = Content.Load<Texture>("Earth");
}

마지막으로 _earthTexture 자원을 _textureMappingShader에 연결하는 코드를 넣어주면 끝입니다.

protected override void Draw(GameTime gameTime)
{
    GraphicsDevice.Clear(Color.CornflowerBlue);

    _matView = Matrix.CreateLookAt(new Vector3(0, 0, -200), new Vector3(0, 0, 0), new Vector3(0, 1, 0));
    _matProjection = Matrix.CreatePerspectiveFieldOfView(FOV, ASPECT_RATIO, NEAR_PLANE, FAR_PLANE);
    _matWorld = Matrix.Identity;

    _textureMappingShader.Parameters["gWorldMatrix"].SetValue(_matWorld);
    _textureMappingShader.Parameters["gViewMatrix"].SetValue(_matView);
    _textureMappingShader.Parameters["gProjectionMatrix"].SetValue(_matProjection);
    _textureMappingShader.Parameters["DiffuseMap_Tex"].SetValue(_earthTexture);

    ... [생략] ...
    base.Draw(gameTime);
}

이제 빌드하고 실행하면 ^^ 정상적으로 지구본이 출력되는 것을 확인할 수 있습니다.

부가적으로, Part 2 강좌를 보면 지구본을 돌려주는 효과를 내도록 코드를 추가하고 있는데요. XNA에서도 다음과 같이 _matWorld 코드를 초기화하도록 변경해 주면 됩니다.

float _rotationY = 0.0f;

protected override void Draw(GameTime gameTime)
{
    GraphicsDevice.Clear(Color.CornflowerBlue);

    _matView = Matrix.CreateLookAt(new Vector3(0, 0, -200), new Vector3(0, 0, 0), new Vector3(0, 1, 0));
    _matProjection = Matrix.CreatePerspectiveFieldOfView(FOV, ASPECT_RATIO, NEAR_PLANE, FAR_PLANE);

    _rotationY += 0.4f * PI / 180.0f;
    if (_rotationY > 2 * PI)
    {
        _rotationY -= 2 * PI;
    }

    _matWorld = Matrix.CreateRotationY(_rotationY);

    ... [생략] ...
}

다시 F5 키를 눌러서 실행하면, ^^ 와~~~ 지구본이 정말로 회전합니다.

ch3_texture_mapping_2.png

첨부된 파일은 위의 코드를 포함한 예제 프로젝트입니다.




참고로, 위의 글을 읽다 보면 UV 좌표라는 말이 나오는데요. 생소해서 찾아보니 다음과 같이 잘 설명된 글이 있습니다.

각종 3D 좌표 체계 정리
; http://bklist.egloos.com/tag/UV좌표/page/1
(위의 글을 보면, DirectX와 OpenGL의 z 좌표값이 반대로 된 것을 볼 수 있습니다. 개발자들 편하게 좀... 저런 건 맞춰주면 좋지 않았을까요? ^^;)

어쨌든 ^^ 잘 모르지만 이런 식으로 가랑비에 옷 젖듯 배워나가는 것도 좋겠지요.

마지막으로, 제 경우에 RenderMonkey 작업 시에 빌드를 했을 때 다음과 같은 오류가 발생해서 애를 먹었습니다.

Compiling vertex shader API(D3D) /../TextureMapping/Pass 0/Vertex Shader/
COMPILE ERROR: API(D3D) /../TextureMapping/Pass 0/Vertex Shader/ c:\program files (x86)\amd\rendermonkey 1.82\memory(17,11): error X3000: invalid target or usage string RENDERING ERROR(s):
Vertex shader 'Vertex Shader' failed to compile in pass 'Pass 0'. See Output window for details


처음엔 에러가 발생했다는 것만으로 당황해서 어찌할 줄 몰랐는데 "COMPILE ERROR"에 보면 (17,11)이라고 라인 수가 17에서 "invalid target or usage string"에 해당하는 오류가 났다는 것을 알게 되었습니다.

01: float4x4 gWorldMatrix;
02: float4x4 gViewMatrix;
03: float4x4 gProjectionMatrix;
04: 
05: struct VS_INPUT
06: {
07:    float4 mPosition : POSITION;
08:    float2 mTexCoord : TEXCOORD0;
09: };
10: 
11: struct VS_OUPUT
12: {
13:    float4 mPosition : POSITION;
14:    float2 mTexCoord : TEXCOORD0;
15: };
16: 
17: VS_OUTPUT vs_main(VS_INPUT Input)
18: {

VS_OUTPUT으로 되어 있는데, 11행에 보면 VS_OUPUT으로 실수했기 때문에 그런 에러가 발생한 것입니다. 나름, 오류가 발생한 위치를 알려주기 때문에 다음부터는 RenderMonkey의 컴파일 오류에 당황하지 않게 될 것 같습니다. ^^




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]






[최초 등록일: ]
[최종 수정일: 7/5/2021]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




... 196  197  [198]  199 
NoWriterDateCnt.TitleFile(s)
44정성태1/26/200420757VS.NET IDE: 6. 터미널 서비스 포트 변경 ( 서버 및 클라이언트 )
46정성태1/26/200425864    답변글 VS.NET IDE: 6.1. Windows 2003 터미널 서비스 라이센스 서버 없이 접속
114정성태11/14/200517159    답변글 VS.NET IDE: 6.2. [터미널 서버 라이센스] : 활성화 시 오류
43정성태12/23/200320565기타: 3. XP/2003 개인 방화벽 설정파일 다운로드1
40정성태7/23/200324245COM 개체 관련: 10. IE BHO 개체를 개발할 때, 인터넷 익스플로러가 아닌 탐색기에서 활성화 되는 문제 해결 [1]
41김성현7/24/200322865    답변글 COM 개체 관련: 10.1. [답변]: IE BHO 개체를 개발할 때, 인터넷 익스플로러가 아닌 탐색기에서 활성화 되는 문제 해결
42정성태7/29/200320603        답변글 COM 개체 관련: 10.2. feedback 을 받기 위해서 답변 기능을 가능하게 해두었습니다.
39정성태7/17/200326521VS.NET IDE: 5. 원격 제어 3가지 방법
38정성태7/17/200322802.NET Framework: 8. IIS 서버 재설치와 ASP.NET 서비스의 문제점
36정성태7/17/200323699.NET Framework: 7. 시행착오 - WebService 참조 추가 오류
35정성태7/17/200324235.NET Framework: 6. Win2000에서의 .NET COM+ 자동 등록 오류 발생 해결
34정성태7/17/200322813VS.NET IDE: 4. VC++ 원격 디버깅파일 다운로드1
33정성태7/17/200323166VS.NET IDE: 3. Win2000 NAT 서비스
32정성태7/17/200324367COM 개체 관련: 9. _bstr_t, CComBSTR, string 클래스 사용 [1]
31정성태7/17/200321334COM 개체 관련: 8. IDL 구문에서 구조체를 pack 하는 방법
30정성태7/17/200338900VC++: 7. [STL] vector 사용법 및 reference 사용예 [1]파일 다운로드1
28정성태7/17/200323199스크립트: 3. Programming Microsoft Internet Explorer 5 - CHM 파일
29정성태7/17/200322667    답변글 스크립트: 3.1. Programming Microsoft Internet Explorer 5 - 소스코드
27정성태7/17/200321417COM 개체 관련: 7. HTML Control에서 DELETE, 화살표 키 등이 안 먹는 문제
26정성태7/17/200322480COM 개체 관련: 6. WebBrowser 콘트롤에서 프레임을 구하는 소스
25정성태7/17/200320054COM 개체 관련: 5. C++ Attributes - Make COM Programming a Breeze with New Feature in Visual Studio .NET [2]파일 다운로드1
24정성태7/17/200324020.NET Framework: 5. (MHT 변환해서 가져온 글) .NET 의 COM+ 서비스 사용파일 다운로드1
23정성태7/17/200327586.NET Framework: 4. webservice.htc - HTML Script에서도 웹서비스 엑세스 [2]파일 다운로드1
22정성태7/17/200322132.NET Framework: 3. .NET Framework SDK 퀵 스타트 자습서
21정성태7/17/200321072.NET Framework: 2. 김현승님의 "ASP.NET & .NET EnterpriseServices & Remoting 코드 템플릿"
20정성태2/15/200528495VS.NET IDE: 2. Platform SDK 설치
... 196  197  [198]  199