자유게시판

제작 스샷
2013.02.02 01:51

으아 UI 작업

profile
조회 수 1083 추천 수 0 댓글 3
Atachment
첨부 '5'

긴글 읽기 귀찮으신분들은 내려서 스샷부터 보셔도 됨

저는 거의 대부분의 스크립트와 시스템을 혼자서 만들어씁니다

옛날에는 아웃소싱, 즉 자료실에 있는거 적절히 퍼와서 썼는데 스크립트 만드는 법을 알게된 후로는....

자료실에서 퍼오는건 뭔가 하나씩 맘에 안들지말입니다. 그래서 만들다가 드럽게 어려워서 포기하기 전까지는

제가 직접 만들거나 다른 스크립트 분석해보고서 만듭니다.


허나... 그런 스크립트중에서도 쉬울거 같으면서도 드럽게 성가신게 UI 계열 스크립트입니다.

(** UI, User Interface : 유저인터페이스. 게임이나 프로그램을 이용하는 사람들이 상호작용하기 위한

환경. 알만으로 따지면 메뉴, 인벤토리, 스테이터스 등등이 포함)


ㄱ-

왜냐고 간단하게 말하자면, 우선 UI 계열 스크립트를 만든다면 크게 알만의 윈도우스킨을 써서 쉽게 만들수있는

기본클래스 Window 를 이용하는 방법을 쓰거나, 아니면 Window 를 안 쓰고 Sprite 로 직접 하는 방법을 씁니다.


Window 로 만들면 생각보다 스크립트가 깔끔하게 정리가 된다는것이 큰 장점입니다.

또한 기본포함 클래스여서 내장 기능도 꽤 있습니다. 단, 그만큼 기능을 넣으려면 기존 스크립트를 뜯어

개조해야하고, 윈도우 내의 내용은 비트맵으로 간주되기때문에 내용을 편집하려면 그 비트맵을

지웠다 그려야됩니다. 이말인즉슨, 윈도 내의 내용을 자주 바꾸면 렉이 자주 걸린다도 됩니다.


Sprite 는 Window 와는 달리 아무 기능도 내장하지 않은 원초적인 클래스입니다.

생성한 후의 일은 스크립터가 알아서 다 해야합니다. 그래서 그만큼 스크립트가 지저분하고

길어질수 있습니다. 하지만 Window 의 상위클래스격이라 제한이란게 없습니다.

그리고 간단한 조작은 Window 처럼 비트맵을 갱신하지 않아도 가능합니다.


근데 전 Sprite 를 애용합니다. 덕분에... 그래픽효과는 꽤나 화려하게 줄수 있으나

미친듯한 스크립트의 길이의 압박이 있습니다.


그 예로, 현재 메페의 타이틀은 애니메이션 및 2~3단 메뉴가 사용됩니다.

이 타이틀은 지금 정말 필요한 기능만 구현해놓았는데도 불구하고 1195줄이나됩니다.

ㄱ-

물론 이건 여러가지 변수때문에 그런것도 있습니다만 그만큼 편한 유저환경을 만든다는게 쉽지 않네요 -_-;;

UI01.jpg

메탈 페이블의 인벤토리 입니다. 예전에도 보신분은 있을겁니다. 아이템을 보여주는 슬롯의 색을 바꿨습니다.

푸른색이 좀더 화려해 괜찮은거 같네요

UI02.jpg


스킬창도 구조는 비슷하지만 스킬창은 한줄에 스킬을 하나만 표시하는걸 기본으로 짜놨으나...

오른쪽 비는공간을 보니 한줄에 두개로 하거나 오른쪽에 다른것을 표시해 공백을 메워야 할듯합니다.


UI03.jpg


그리고 인벤토리나 스킬창에서 Z 키를 누르면 화면이 스크롤되며 화면 하단에 있던 INFO 가 상단으로 올라가면서

아이템의 상세정보가 표시됩니다. 현재 배포된 작품도 상세정보 표시기능은 있지만 그건 윈도우를 따로 띄우는

구조이기에 다소 뻣뻣한 감이 있습니다. 이번것은 좀더 부드러운 느낌으로 스크롤했습니다.

제일 큰 과제가 빈공간 채우기와 분배입니다...

아이템의 종류(아이템/무기/방어구) 에 따라 표시할 정보량이 따르고 전투내 사용 가용여부에 따라 또 정보량이

갈립니다. 그로인해 빈공간이 거의 없는경우도 있고 위처럼 남아돌기도 합니다...


UI04.jpg 


딱봐도 급조한티 팍팍나는 스테이터스 창입니다. 게다가 미완성이죠.

디자인을 어찌할지 매우 고민중입니다. 메탈기어 솔리드에서 세로게이지로 능력치를 나타내는것에서 모티브를

따오긴 했는데 여기에 적용시키니 매우 괴상하군요. 그냥 알만 기본것에서 아이디어를 따서 쓰는게 더 잘 어울릴거같네요.


UI05.jpg


세이브/로드 창입니다. 막 만들다보니 상단에 저장/로드 글씨적는 공간을 분배하지 않았군요.

이것도 현재 필요한 기능만 만들어놓고 빈공간을 남겨둔 상태입니다. 우선 기본적으로 게임을 저장하면

저장과 동시에 미리 찍어둔 스크린샷을 같이 저장해서 로드할때나 세이브할때 스크린샷을 보고

게임을 얼마나 진행했는지 알 수 있습니다.

Who's JACKY

profile

JACKY ( 더블제이 )

- 아방스 오래 활동했으나 지금은 안함. 예전에 더블제이로 활동.

- 현재 소프트웨어/AI 회사 정직원.

- 구인요청, 커미션, 질문 등 안 받음.

 

** 완성작

 

단독작전(Private Plans) - 중학교 축제 출품

스페이스 인베이더즈(Space Invaders) - 고등학교 축제 출품

 

** 제작중단

 

메탈 페이블 :: 숨겨진 힘

한때 열심히 개발했고 포트폴리오로도 사용했던 게임.

개발 재개계획 없음 (아직은)

 

Comment '3'
  • profile
    하늘바라KSND 2013.02.02 16:03
    크고 아름답습니다.!
  • ?
    Roam 2013.02.02 17:56
    메뉴화면 구성을 자유자재로 하시는군요 대단하시네요
    저도 메뉴 화면 바꿔야 되는데 스크립트를 하나도 몰라서...ㅜ.ㅜ
  • ?
    미루 2013.02.02 21:24
    파란색 계열을 좋아하는 저한테는 디자인이 꽤 마음에드네요 ㅎㅎ

    이제 'RTP 캐릭터 그래픽 및 도트 그래픽'과 '메뉴 그래픽'이
    너무 괴리감이 들지 않도록 조절만 하면, 더욱더 괜찮을것 같은데요~?

List of Articles
분류 제목 글쓴이 날짜 조회 수
공지 아방스 게시물 · 댓글 작성 규칙 (최근 수정일 2015.11.25) 17 file 완폐남™ 2012.07.17 41259
잡담 헐 이길 줄이야...(브금유) 5 file 하늘바라KSND 2013.02.04 1340
막장 페도필리아? 성적도착 != 취향 6 JACKY 2013.02.04 1839
제작 스샷 제가 제작중인 RPG입니다.. 9 file ProMod 2013.02.04 1466
잡담 프림의 금지된 사랑 원작 LOVE를 하는 중입니다. 5 하늘바라KSND 2013.02.03 1102
롤 하기 힘들구나 12 개촙포에버 2013.02.03 970
잡담 Simulation RPG Construction 말입니다.... 2 Alkaid 2013.02.03 1453
참.... 일러스트레이터 찾기 힘드네요... 9 FNS키리토 2013.02.03 981
잡담 화가 치밀어서 한마디 올립니다 32 TheEK 2013.02.03 1183
자 ... 이제 ... 14 file TheEK 2013.02.03 1439
잡담 아방스에 이 게임을 아는 분이 계실줄이야ㅡㅡ; 6 file Roam 2013.02.03 1077
잡담 C 프로그래밍 초보자였을 때 작성한 소스파일 4 미루 2013.02.02 1095
막장 드디어 물건이 왔습니다 ... !!! ... 그 런 데 ... 32 TheEK 2013.02.02 665
잡담 게임메이커로 입문해보세여! 13 은색바람 2013.02.02 876
막장 스펀지 케이크 만드는 방법. 7 Alkaid 2013.02.02 797
잡담 pixiv의 모 씨 게임 제작기.... Alkaid 2013.02.02 1266
제작 스샷 으아 UI 작업 3 file JACKY 2013.02.02 1083
제작 스샷 한달만의 제작현황 - 아직 지쳐오진 않습니다. 17 file Roam 2013.02.01 1219
으아? 4 file 하늘바라KSND 2013.02.01 1153
막장 이놈의 광고쟁이들 ... 9 TheEK 2013.02.01 1220
잡담 페이블러시 0.6 제작현황(배포준비중) 펭블♡ 2013.02.01 1358
목록
Board Pagination Prev 1 ... 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 ... 755 Next
/ 755