네 이번에는 3D 게임을 제작하겠습니다
가장먼저 배경부터 깔아보겠습니다^^

사용자 삽입 이미지
솔루션 탐색기에 모델폴더 이렇게 추가해주시구요~ 자시작합시다.
사용자 삽입 이미지
앞에 3D표현에 나오는내용과 똑같습니다 설명은 생략하겠습니다.
사용자 삽입 이미지
로드 컨텐츠 부분에 작성했습니다. 3D표현과 내용 동일합니다.
바뀐점은 카메라 앵글부분이 45도로 나와있습니다.
수치들이 확실히 눈에 익지않아서 어떤 부분이 어떻게 동작하는지 모를때는
각 각 수치를 조정해보면서 눈으로 보고 익히는것이 가장 빠릅니다. 설명보다는 ㅡㅡb

사용자 삽입 이미지

앞에 3D표현에서는 effect 관련해서 많은 코딩들이 있었는데요 그 것을 하나의 함수로
정의해놨습니다. 훨신 보기편하고 사용하기도 편하군요 `ㅡ`
DrawModel 을 호출합니다.
사용자 삽입 이미지
인자로는 모델과, 모델의 위치를 받고있습니다.
그리고 이펙트들을 설정해주고 있습니다.
전체적인 부분이 3D표현과 같습니다 앞에서 공부한 내용이니 빨리넘어갑시다ㅎ
디버깅해봅시다^^ 잘나옵니다~
사용자 삽입 이미지

#참고 fbx 파일은 3d맥스에 플러그인을 설치하시면 만드실수 있습니다.^^


3D게임 제작에 앞서 간단하게 어떻게 3D가 구현되는지 확인해보겠습니다.


위 파일이 저희가 구현할 3D 파일입니다. -_-친구가 모델링한걸 몰래 가져와서 씁니다 흐흐
가장먼저 솔루션 탐색기에 Models 폴더에 위에 다운받은걸 다 풀어주세요~ㅎ

사용자 삽입 이미지

선언부입니다 그림하나 표현하는데 상당히 많은 선언이 나타났습니다.
일단 쭈욱 한번 읽어보세용 ^^

사용자 삽입 이미지

#참고 출처(riemers XNA tutorial)
여기서 잠깐 matrix에 대한 얘기를 잠깐하고 넘어가겠습니다. 일반적으로 우리는 3D공간에 vertex라 부르는 일련의 점들을 위치시키곤 합니다. 하지만 우리가 눈으로 보고 있는 화면은 결국 2D입니다. 즉 우리가 3D라고 생각하는 공간은 어디까지나 가상으로 존재하는 공간일뿐, 실제하는 것은 2D인 화면뿐입니다. 그래서 우리는 가상의 3D공간을 2D의 화면을 통해 출력하기위해 matrix를 씁니다. 3D공간의 위치값을 matrix로 표현하면 이를 2D 화면의 위치값으로 변환하기가 간단해집니다.

위 매트릭스에 관한 간단한 지식을 가지시고 시작합시다.
CreateLookAT(카메라 , 카메라위치 , 위를 바라봄)
CreatePerspectiveFiedOfView(
카메라 앵글 각도
화면 크기 설정
대상 구간 최소값
대상 구간 최대값
)
대상 구간이란 표현한 3D객체가 그 범위안에 있어야 보입니다.
1~1000 안에 있어야 객체들이 카메라에 비춰질것입니다.

사용자 삽입 이미지
매시간 모델을 회전시키기위해 한줄 추가되었습니다.

사용자 삽입 이미지

Draw에 많은 내용이 있습니다.
foreach아래로 3d를 표현하기 위해  effect를 다 주었습니다.
전체적으로 3d를 표현하려면 이런 이펙트들을 줘야 한다 정도로 이해합시다
effect하나하나 보시면 어느정도는 이해가 가능하실 겁니다.

자 이제 모든 준비가 끝났습니다. 디버깅해봅시다.

사용자 삽입 이미지

 3D구현에있어서 간단하게 맛을 봤습니다.
잘 돌아가는군요 `ㅡ` 다음시간 부터는 3D슈팅 게임제작에 들어가겠습니다.

게임 점수판을 만들어 주겠습니다.
이것도 상당히 간단합니다. 전체적으로 이해만하신다면 순식간 + _ +흐흐

솔루션 창에 Fonts 라는 새폴더를 만들고 새항목 추가를 클릭하셔서
Sprite Font를 하나 만듭시다.

사용자 삽입 이미지
























제목은 위와 같이 해주시구요 ^^
만드신후 GameFont.spritefont 를 더블클릭하시면 XML이 나옵니다...뭐지...ㅎㅎ
걱정하지마시구 두가지만 설정해주시면 됩니다.
사용자 삽입 이미지








폰트네임과 크기를 설정해 주었습니다. 우리가 사용할 폰트 설정마쳤구요~이제 선언합시다.

사용자 삽입 이미지



선언부에 3가지가 추가 되었습니다. 위치에 0.1f,0.1f 이유는 아시겠죠 이제 ^^화면크기에 곱할거에욤
이제 폰트를 로드하도록 합시다.

사용자 삽입 이미지


요거 한줄 추가 되었습니다.

아 그리고 비행기 격추시 스코어 값을 더해줘야겠죠 ?

public void UpdateCannonBalls()함수에 이부분이 수정되었습니다.
사용자 삽입 이미지






1점씩 더해주시구요 이제 화면에 그리기만 하면 됩니다.^^

사용자 삽입 이미지





DrawString (
         글씨체(font),
         출력할text,
         위치,
         색지정
)
#참고 : ToString() 은 int값을 문자열로 반환합니다^^
자 이제 디버깅 해봅시다. ^^
사용자 삽입 이미지

이것으로 2D 슈팅게임 만들기가 완성되었습니다.
XNA에서 기본적으로 나오는 tutorial을 따라했습니다.
다음은 3D슈팅게임 만들기로 넘어가도록 하겠습니다.
소스 첨부 하겠습니다.^^
수고하셨습니다.



총알과 적기가 충돌하면 비행기가 사라지도록 구현하겠습니다.
간단합니다 충돌에 대한 메서드가 기본적으로 있어서-_-바로 적으면 되는군요;;

우리가 할일은 미사일영역과 비행기 영역을 설정해주고
그 두영역이 충돌시 없애주기만 하면 됩니다.
 public void UpdateCannonBalls() 함수를 수정합니다.
미사일이 발사 되었을 때 !!

사용자 삽입 이미지

















Intersects 이함수가 두영역이 곂쳐지면  true 를 출력합니다.
if문으로 간단하게 완성되었습니다.

디버깅해봅시다.

이번에는 적기를 출현시켜 보겠습니다.
선언부에 추가된 내용입니다.

사용자 삽입 이미지






적기 출현 높이가 0.1~0.5인 이유는 게임화면 높이에다가 곱해서 1/10지점에서~5/10 출현시키려고 합니다.

다음 로드컨텐츠에서 이미지를 로드합니다.
사용자 삽입 이미지
 





총알 발사와 마찬가지로 함수를 하나 만듭니다.
사용자 삽입 이미지




























적기 출현시 velocity 수치만큼  x축으로 이동할 것이구요~ 화면 밖으로 나가면 사라집니다.

위에 함수에서 새로 나온 부분이
                    enemy.position = //비행기의 출현 위치를 설정합니다//
                        new Vector2(
                        viewportRect.Right,
                        MathHelper.Lerp(
                        (float)viewportRect.Height * minEnemyHeight,
                        (float)viewportRect.Height * maxEnemyHeight,
                        (float)random.NextDouble()));
이부분 입니다.
조금 복잡해 보이지만 똑같습니다 MathHelper.Lerp 이부분만 이해하시면 쉽습니다.
MathHelper.Lerp(최소값, 최대값, 0~1비율값)
최소 최대값 사이에 값을 출력해주는 함수입니다.
0에 가까울수록 최소값에 가까운값을 출력하고
1에 가까울수록 최대값에 가까운 값을 출력합니다.
0이면 최소값 1이면 최대값이 되겠죠?
화면크기 높이* 0.1 ~ 화면크기높이 *0.5 이 사이에서 적기가 출현 할것입니다.
#참고 랜덤.NextDouble 0.0~1.0 사이의 난수를 반환합니다.

다음 움직임을 주는것도 똑같습니다. Vector2(x축,0) 비행기는 x축으로 움직여야 함으로
x축에 최대 최소 좌표값을 넣어두었습니다 1~5까지 랜덤하게 움직이겠습니다.
#참고 UpdateEnemies() 이함수는 매프레임 실행되어야 합니다. 어디에 넣는지 아시죠?

이제 적기의 모든 초기화가 끝났습니다. 이제 화면에 출력하도록 합시다.

사용자 삽입 이미지







별다른 내용없습니다. 이제 디버깅해봅시다.
사용자 삽입 이미지

자 이번에는 총알을 발사 시키도록 하겠습니다.

GameObject 클래스를 수정합니다.
사용자 삽입 이미지

















총알의 움직임을 저장할 놈과 총알 발사여부를 판단할 bool형을 선언해둡니다.
그리고 함수내에서 초기화 시켜주시구요~
다시 돌아와서 선언하도록 합시다.
사용자 삽입 이미지














//추가한부분 ㅡ_-;;무시해주시구요~
Rectangle viewportRect 네모모양의 영역을 설정합니다 게임화면크기만큼이요 + _+
나중에 이곳을 벗어나면 미사일을 false로 바꿔서 사라지게합니다.
미사일을 false로 바꿔서 사라지도록 할것입니다

미사일 총 갯수를 지정하구요

미사일을의 수만큼 배열을 지정해야하기떄문에 배열로 선언합니다.

delay 는 미사일이 한발씩 시간차를 두고 발사하게 하기 위함입니다.
delaynum 도 같은 용도로 사용될것입니다.

선언부의 설정은 끝났습니다. 이제 그림이미지를 로드 시킵시다.

사용자 삽입 이미지

















cannonBalls 에 이미지를 로드 시켰습니다.

viewportRect = new Rectangle(0, 0,
               graphics.GraphicsDevice.Viewport.Width,  
               graphics.GraphicsDevice.Viewport.Height);
이놈은 게임상 화면 크기를 저장합니다.
#참고 : Rectangle(x좌표 ,y좌표, 가로크기,세로크기)
           graphics.GraphicsDevice.Viewport < 이건 현재 게임화면 크기를 불러옵니다.

이미지를 다 로드 시켰으면 이제 움직임을 주도록 합시다.
키보드 스페이스 키를 눌렀을 경우 발사여부를 true로바꾸고 true가 된 미사일이 있다면
움직임을 주는 형식으로 작성하겠습니다.
   protected override void Update(GameTime gameTime) 이 안에 작성합니다.

사용자 삽입 이미지










스페이스 키를 눌렀을 경우 delay 는 일정 시간이 지남에 따라 수치가 올라갑니다.
delatnum 만큼의 시간이 지났을 경우 실행합니다.
delay는 다시 0으로 바꿔주시고~
FireCannonBall(); 이라는 함수를 호출합니다.
사용자 삽입 이미지




사용자 삽입 이미지
foreach는 반복합니다. in 배열크기만큼
캐논볼스라는 배열의 크기만큼 ball을 생성합니다.

#참고 : 코사인 = x좌표 , 사인 = y좌표 #이부분은 따로 공부하세용~-_-쉽습니당 ㅋ

캐논각도의 방향으로 5만큼씩 이동할 좌표를 지정했습니다.
이제 실질적으로 지정한 좌표만큼 계속해서 움직이도록 하겠습니다.

사용자 삽입 이미지














움직임까지 완료 되었습니다. 이제 화면에 출력하면 되겠죠 ?

#참고 UpdateCannonBalls() 요놈은 매프레임 미사일이 발사되었는지 검사하고있습니다.

  protected override void Draw(GameTime gameTime) 안에 작성합니다.
사용자 삽입 이미지






같은 방식입니다 미사일이 발사되었다면 화면에 출력시키도록 합니다.

자 이제 확인해봅시다.

+ Recent posts