자유게시판

제작 스샷
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 41184
제작 스샷 타이틀 완성~ 16 file 에뎀이 2014.07.07 1886
제작 스샷 Project name:vegeance 스샷 2 file 뻗고태 2014.07.27 683
제작 스샷 타이틀 그렸습니다 :D 4 file Kazu 2014.08.01 779
제작 스샷 오어 attack11 손톱 이펙트에 각도 좀 기울이니 별 모양이 되네요 file 비스뀌 2014.08.23 625
제작 스샷 아방스에 없는 탈것 제작중인 사진 2 file 고투더퓨처 2014.08.29 675
제작 스샷 새로 시작 14 file 고기밥 2014.10.03 507
제작 스샷 제작제작 8 file 구륨 2014.10.04 533
제작 스샷 오랜만에 올려요 전투장묜~! 1 file 마리오류 2014.10.08 467
제작 스샷 첫 작품 완성도 1%? ㅋㅋㅋㅋㅋ file 불후의졸작 2014.10.13 422
제작 스샷 월드맵 수정중.... 8 file 불후의졸작 2014.10.15 610
제작 스샷 날씨 변경 시스템 1 file 에크멕필라으 2014.10.19 448
제작 스샷 1인제작중인 꼐임입니다(완성도 5%정도?) 7 file 럼블긔여어여 2014.10.26 558
제작 스샷 제작중인 스마트폰용 게임 '포션메이커'입니다~ 4 모브 2014.11.04 1464
제작 스샷 Room 이라는 게임을 제작중입니다. 2 file 고등어인생 2014.11.17 428
제작 스샷 오랜만...인가요? file 에크멕필라으 2014.12.03 295
제작 스샷 색감 비교 3 file 에크멕필라으 2014.12.06 341
제작 스샷 오타쿠vs미소녀 제작 재개 1 file 뱀신의교주 2014.12.15 295
제작 스샷 해야되는데 엄... file JACKY 2014.12.23 218
제작 스샷 가제 : clockwork 6 file tamz 2014.12.25 404
제작 스샷 맵 배치는 힘드군요.. file 너구리신랑 2014.12.30 225
목록
Board Pagination Prev 1 ... 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Next
/ 25