midas+son의 크리에이티브(creative) 이야기

캐릭터 생성 후 정보 로드 기능 고도화 및 삭제 기능 추가

- Data 파일로 저장된 데이터 로드
- 각 캐릭에 맞는 이미지 로드
  (머리스타일, 칼라, 직업 => 현재는 남,녀 각각 1종) 
- LoadGame에서 3배수로 로드 데이터 분할
- 3개의 캐릭마다 각각의 페이지를 할당
- 캐릭 3개 생성 이상부터 좌우 페이지 이동 버튼 표시
- 페이지 이동버튼, 삭제, 확인 버튼은 
  각각 마우스에 대한 out, over, press 이미지 별도 구성
- 슬롯 클릭하지 않을 시에는 
  삭제, 확인 버튼은 disable 버튼 별도 표시
- 캐릭터 슬롯 클릭 시 Data파일에서 정보 로드하여 표시
- 캐릭터 삭제 기능 추가
- 삭제 버튼 클릭시 
  캐릭터 슬롯 및 페이지 자동 재 정렬(Data도 재정렬)
- 확인 버튼 클릭시 
  선택된 슬롯의 캐릭 정보로 인게임 적용

[캐릭터 선택 및 삭제 / 인게임 접근]

===

캐릭터 이름 작성하는 부분이 현재 없어 삭제나 정보 로드에 대한 것을 보여주기 위해 영상 중간에 보시는 바와 같이 데이터 파일을 직접 수정하여 알아 볼 수 있게 바꾸었습니다. 이름 지정도 추후에 추가할 예정 입니다.

===


* 한주간 작업 감상평 : 
첨에는 게임에서 기본적인 부분이니까 쉽게 생각 했는데
의외로 손이 많이 가는 작업이었습니다.
세세하게 버그 없이 데이터를 주고 받고 삭제하고 정렬해야되고 
슬롯 페이지 구성도 다 따로해야 되고
자잘한 작업이 많았지만
그래도 보람이 느껴지는 작업이었습니다.
나중에 캐릭터들 헤어스타일 추가해주면서
이름도 지을수 있게 하면 
더 멋진 메뉴페이지(캐릭 생성, 로드)가 될거 같은데
이건 추후에 퀄리티 높이는 후반 작업때 진행 해야겠습니다.

이제 담주(내일)부터는 드디어 인게임 작업으로 들어갑니다.
플레이어 동작과 맵 작업이 기대되네요.

오늘은 & 이번주는 여기까지!! 
                


모작을 시작한 지 첫 주말

어제 만든 캐릭터 생성에 대한 INI파일에서 
정보를 로드 하는 부분을 LoadGame에 설정

캐릭터 이미지 부분을 제외한 
정보 로드까지 작업

불러온 정보를 Char[] 변수에 담고
CreateFont로 폰트를 설정한 뒤에 각각의 위치에 담아 렌더

오늘은 여기까지...

[그림 - 정보로드]

* 내일 할 일 - 캐릭터 선택 부분에 캐릭터 이미지를 불러오고 선택한 캐릭터 정보를 가지고 인게임으로 체인지


캐릭터 생성 작업


버튼 모션 추가(각각 버튼 마다 out, over, press)

머리, 몸통 스프라이트 구성

걷기 애니메이션 추가

남자 1종, 여자 1종 헤어 및 몸통


성별, 헤어 스타일, 헤어 칼라 고를 수 있게 소스 작업은 다 해놓았으나

헤어에 대한 스프라이트 작업이 

꽤 오래 걸려 추후에 천천히 추가

일단 남자, 여자 성별만 고를 수 있게 작업


생성 버튼을 클릭하면 INI파일로 생성 정보 저장


오늘은 여기까지...


[캐릭터 생성]



* 내일 할 작업 - 해당 INI파일을 로드하여 LoadGame에서 inGame으로 넘어가는 로직 추가 예정


인트로, 타이틀 씬 제작


이미지는 실제 게임 라그나로크 온라인을 설치하여

캡쳐하여 사용하였습니다.

지금이 2016년 1월 이니까 

원숭이와 한복입은 캐릭터들이

새해 분위기 물씬 풍기고 좋네요.


텍스트는 제가 포샵으로 심플하게 만든겁니다.


New Game의 캐릭터 생성 컨트롤이나 Load Game은 아직 미처리 입니다.

오늘은 저녁 약속이 있어서 여기까지



[인트로, 타이틀 씬]


* 내일 할 작업 - 캐릭터 생성 창 구성 및 실제 캐릭 생성까지

일반적인 마우스 커서를 

ShowCursor(false);

안보이게 하고

실제 게임에서 사용하는 이미지를 적용해 보았습니다.


씬마다 별도로 마우스 컨트롤 하는 것이 번거롭다고 생각하여

Singleton으로 하나의 매니져를 만들었고

mainGame에서 별도로 update와 render하여

로딩이든 타이틀이든 인게임이든 

이미지로 대체된 마우스 커서 컨트롤이 쉽게 하였습니다. 

[커서 이미지 샘플]


[커서 동작 영상]

이미지 등록을 위한 

로딩씬 제작


겉멋을 위해서 GDI+를 이용하여

 마법진 이미지를 Rotate하고

progressbar로 진행표시를 하였습니다.

로딩이 끝나면

 inGameScene으로 넘어가게 됩니다.


[로딩씬 영상]

네이버 SVN등록.
혹여 다른 PC에서 개발해야될 상황과 
노트북이 망가질 때를 고려하여
미리 SVN에 올려놓을 생각으로 만들었습니다.


[프로젝트 등록 화면]



[등록 승인창]


프로젝트 아이디에 있던 알파벳 대문자는 자동으로 소문자로 변환하여 등록됩니다.


그리고 기다립니다....

10분...20분...30분... 프로젝트의 코드저장소가 생성될 때까지...


코드저장소가 생성되면 코드를 올리고 사용하면 됩니다. 

사용 프로그램은 TortoiseSVN 입니다.

[SVN 체크아웃된 기본 베이스코드]


게임 제작에서 사용할 이미지는 구글링을 이용하여

코딩 중간중간에 작업을 하고자 합니다.




2016년 1월 10일 

2D 프로그래밍 최종 포트폴리오 

한달 기간동안

라그나로크 모작을 기획 하였습니다.


[게임화면 샘플]



[기획 중인 컨텐츠]



[간략한 개발 일정]


개발 일정은 좀더 상세화 하여 새글로 업로드할 생각입니다.


생각만큼 잘 나왔으면 하는 바람에서

열심히 해보도록 하겠습니다!