Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
(연관된 글이 2개 있습니다.)
(시리즈 글이 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 (2) - RenderMonkey의 Shader/Model 파일 연동


지난번 글에 이어서.

Shader 강좌와 함께 배워보는 XNA Framework (1) - 기초 프로그램 구조
; https://www.sysnet.pe.kr/2/0/1196

이번에는 다음의 글에 실려 있는 Visual C++ 소스 코드를 XNA 프로젝트로 변환해 보겠습니다.

[포프의 쉐이더 입문강좌] 02. 진짜 쉬운 빨강쉐이더 Part 1
; http://kblog.popekim.com/2011/12/02-part-1.html

[포프의 쉐이더 입문강좌] 02. 진짜 쉬운 빨강쉐이더 Part 2
; http://kblog.popekim.com/2011/12/02-part-2.html

실습을 위해 저도 RenderMonkey 프로그램을 다운로드했는데요.

RenderMonkey™ Toolsuite 
; http://developer.amd.com/archive/gpu/rendermonkey/pages/default.aspx

RenderMonkey 1.82를 실행하자마자 프로그램이 비정상 종료되는 현상이 Vista/Win7에서 나타날 수 있습니다. 그런 경우에는 "C:\Program Files (x86)\AMD\RenderMonkey 1.82" 폴더에 "Error.txt" 파일을 추가하고 일반 사용자 권한으로 읽기/쓰기가 가능하도록 설정해 주시면 그런 현상은 사라집니다.

자, 이제 본격적으로 코드 변환을 해볼까요? ^^

우선, 본문에 나온 #define 상수 먼저 C#에서 다음과 같이 추가해 줍니다.

public const float PI = 3.14159265f;
public const float FOV = (PI / 4.0f);
public readonly float ASPECT_RATIO;
public const int NEAR_PLANE = 1;
public const int FAR_PLANE = 10000;


public Game1()
{
    graphics = new GraphicsDeviceManager(this);
    Content.RootDirectory = "Content";

    this.graphics.PreferredBackBufferWidth = 800;
    this.graphics.PreferredBackBufferHeight = 600;

    ASPECT_RATIO = (this.graphics.PreferredBackBufferWidth / (float)this.graphics.PreferredBackBufferHeight);
}

그다음은 Sphere.x와 ColorShader.fx 파일을 로드해야 하는데요. 이 부분은 도움을 받아야겠습니다. ^^

Working with Shaders in XNA 
; http://rbwhitaker.wikidot.com/shaders-in-xna

위의 글을 읽으니 대강 감이 오는 군요.

2개의 파일을 WindowsGame1Content 프로젝트에 추가시키면, Visual Studio가 파일 확장자에 따라 .fx인 경우 "Effect - XNA Framework"으로, .x인 경우 "Model - XNA Framework"으로 알아서 "Content Processor"에 대응시켜줍니다.

그다음은 코드에서 이를 활용해야 할 텐데요. 복잡한 Visual C++ 소스 코드와는 달리 XNA에서는 다음과 같이 간단하게 끝납니다.

Model _modelSphere;
Effect _colorShader;

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

    _spriteFont = Content.Load<SpriteFont>("Font");
    _modelSphere = Content.Load<Model>("Sphere");
    _colorShader = Content.Load<Effect>("ColorShader");
}

Shader를 로드했으니, 이제 Shader 내부의 전역 변수에 값을 설정해야 하는데 이 부분은 Visual C++과 어느 정도 대응되는 면이 있습니다.

=== Visual C++ ===
D3DXMATRIXA16 matView;
D3DXVECTOR3 vEyePt(     0.0f, 0.0f, -200.0f );
D3DXVECTOR3 vLookatPt(  0.0f, 0.0f, 0.0f);
D3DXVECTOR3 vUpVec(     0.0f, 1.0f, 0.0f);
D3DXMatrixLookAtLH(&matView, &vEyePt, &vLookatPt, &vUpVec);

D3DXMATRIXA16 matProjection;
D3DXMatrixPerspectiveFovLH(&matProjection, FOV, ASPECT_RATIO, NEAR_PLANE, FAR_PLANE);

D3DXMATRIXA16 matWorld;
D3DXMatrixIdentity(&matWorld);

gpColorShader->SetMatrix("gWorldMatrix", &matWorld);
gpColorShader->SetMatrix("gViewMatrix", &matView);
gpColorShader->SetMatrix("gProjectionMatrix", &matProjection);


=== Visual C# ===
_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;
            
_colorShader.Parameters["gWorldMatrix"].SetValue(_matWorld);
_colorShader.Parameters["gViewMatrix"].SetValue(_matView);
_colorShader.Parameters["gProjectionMatrix"].SetValue(_matProjection);

마지막으로 Shader를 그려 봐야 하는데요. 사실 이 부분의 작업에 애를 먹긴 했습니다. 처음엔, Effect 타입에서 Begin/End 메서드를 정의해 주는 식으로 Visual C++ 소스 코드와 거의 동일할 거라고 생각해서 나름대로 유사한 함수와 속성을 찾아 보았는데요. 결국 포기하고 ^^ 다음의 글을 검색해서 도움을 받았습니다.

Game Creation with XNA/3D Development/Shaders and Effects
; http://en.wikibooks.org/wiki/Game_Creation_with_XNA/3D_Development/Shaders_and_Effects

아래는 최종 반영된 코드!

foreach (ModelMesh mesh in _modelSphere.Meshes)
{
    foreach (ModelMeshPart part in mesh.MeshParts)
    {
        part.Effect = _colorShader;
    }
                
    mesh.Draw();
}

실행하니, 정말 Visual C++ 소스 코드처럼 동일하게 결과물이 나왔습니다. (신기하네요. ^^)

how_to_draw_shader_1.png

참고로, Shader가 XNA 내부적으로도 몇 가지 제공되는 것 같습니다.

가령, "Working with Shaders in XNA" 글에 보면 다음과 같이 BasicEffect를 사용하는 것을 볼 수 있습니다.

foreach (ModelMesh mesh in _modelSphere.Meshes)
{
    foreach (BasicEffect effect in mesh.Effects)
    {
        effect.EnableDefaultLighting();
        effect.PreferPerPixelLighting = true;
        effect.World = _matWorld * mesh.ParentBone.Transform;
        effect.View = _matView;
        effect.Projection = _matProjection;
    }
}

위와 같이 하면, Sphere.x 모델에다 BasicEffect를 적용하는 것이므로 다음과 같이 렌더링이 됩니다.

how_to_draw_shader_2.png

그나저나... 단순히 '구' 하나 그리는 것도 저렇게 힘든데... Lineage2 / WOW 같은 3D MMORPG를 만드는 게임 프로그래머들은... 3차원 공간에 대해 머릿속에서 수학적으로 바라볼 수 있는 회로가 만들어진 천재들이 아닌가... 하는 생각이 듭니다. ^^;

첨부 파일:

01_DxFramework.zip: 원 강좌에서 공개된 소스 코드의 Unicode 버전
WindowsGame1.zip: XNA로 변환된 C# 프로젝트




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

[연관 글]






[최초 등록일: ]
[최종 수정일: 6/23/2021]

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

비밀번호

댓글 작성자
 




... [91]  92  93  94  95  96  97  98  99  100  101  102  103  104  105  ...
NoWriterDateCnt.TitleFile(s)
11660정성태8/19/201818661사물인터넷: 33. 세라믹 커패시터의 동작 방식파일 다운로드1
11659정성태8/19/201818589사물인터넷: 32. 9V 전압에서 테스트하는 PN2222A 트랜지스터파일 다운로드1
11658정성태8/18/201822037사물인터넷: 31. 커패시터와 RC 회로파일 다운로드3
11657정성태8/18/201820075사물인터넷: 30. 릴레이(Relay) 제어파일 다운로드3
11656정성태8/16/201815785사물인터넷: 29. 트랜지스터와 병렬로 연결한 LED파일 다운로드1
11655정성태8/16/201818003사물인터넷: 28. 저항과 병렬로 연결한 LED파일 다운로드1
11654정성태8/15/201819318사물인터넷: 27. 병렬 회로의 저항, 전압 및 전류파일 다운로드1
11653정성태8/14/201820159사물인터넷: 26. 입력 전압에 따른 LED의 전압/저항 변화 [1]파일 다운로드1
11652정성태8/14/201817600사물인터넷: 25. 컬렉터 9V, 베이스에 5V와 3.3V 전압으로 테스트하는 C1815 트랜지스터파일 다운로드1
11651정성태8/14/201822674사물인터넷: 24. 9V 전압에서 테스트하는 C1815 트랜지스터 [1]파일 다운로드3
11650정성태8/14/201817092사물인터넷: 23. 가변저항으로 분압파일 다운로드1
11649정성태8/12/201819445사물인터넷: 22. 저항에 따른 전류 테스트파일 다운로드1
11648정성태8/12/201820871사물인터넷: 21. 퓨즈를 이용한 회로 보호파일 다운로드3
11647정성태8/8/201820995오류 유형: 476. 음수의 음수는 여전히 음수가 되는 수(절대값이 음수인 수)
11646정성태8/8/201817010오류 유형: 475. gacutil.exe 실행 시 "Failure initializing gacutil" 오류 발생
11645정성태8/8/201819262오류 유형: 474. 닷넷 COM+ - Failed to load the runtime. [1]
11644정성태8/6/201822136디버깅 기술: 118. windbg - 닷넷 개발자를 위한 MEX Debugging Extension 소개
11643정성태8/6/201821796사물인터넷: 20. 아두이노 레오나르도 R3 호환 보드의 3.3v 핀의 LED 전압/전류 테스트 [1]파일 다운로드1
11642정성태8/3/201820524Graphics: 20. Unity - LightMode의 ForwardBase에 따른 _WorldSpaceLightPos0 값 변화
11641정성태8/3/201826053Graphics: 19. Unity로 실습하는 Shader (10) - 빌보드 구현 [1]파일 다운로드1
11640정성태8/3/201822283Graphics: 18. Unity - World matrix(unity_ObjectToWorld)로부터 Position, Rotation, Scale 값을 복원하는 방법파일 다운로드1
11639정성태8/2/201819839디버깅 기술: 117. windbg - 덤프 파일로부터 추출한 DLL을 참조하는 방법
11638정성태8/2/201818217오류 유형: 473. windbg - 덤프 파일로부터 추출한 DLL 참조 시 "Resolved file has a bad image, no metadata, or is otherwise inaccessible." 빌드 오류
11637정성태8/1/201822655Graphics: 17. Unity - World matrix(unity_ObjectToWorld)로부터 TRS(이동/회전/크기) 행렬로 복원하는 방법파일 다운로드1
11636정성태8/1/201830050Graphics: 16. 3D 공간에서 두 점이 이루는 각도 구하기파일 다운로드1
11635정성태8/1/201818719오류 유형: 472. C# 컴파일 오류 - Your project is not referencing the ".NETFramework,Version=v3.5" framework.
... [91]  92  93  94  95  96  97  98  99  100  101  102  103  104  105  ...