자유게시판

제작 스샷
2013.02.02 01:51

으아 UI 작업

profile
조회 수 1080 추천 수 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 40546
제작 스샷 이런 방식도 괜찮을까요~? ^^;; 8 file 미루 2013.04.01 1114
제작 스샷 이런 꿈은 질색이에요! (밥드시고 보지마세요) 12 file 카온 2013.10.01 973
제작 스샷 이게 현재 진행중인 물건인데... 3 file 미상 2015.03.05 186
제작 스샷 이것만 보고 게임 내용을 유추하기 쉽나요? 4 file 너구리신랑 2015.07.09 264
제작 스샷 이거 뭐하는 걸로 보이나요? 9 file 마리모 2013.10.20 760
제작 스샷 이 미친짓을... 1 file 카코로 2015.07.30 194
제작 스샷 이 그림이 어떤지 말해주세요 2 file 헹헹 2015.10.18 147
제작 스샷 음... 2 file 스리아씨 2013.10.21 1000
제작 스샷 은신과 도둑질 5 file 맵만드는중.. 2013.12.27 812
제작 스샷 으케헤헤헤헥키키키킼ㄱ키 2 file JACKY 2012.08.06 915
제작 스샷 으아 UI 작업 3 file JACKY 2013.02.02 1080
제작 스샷 으.. 무섭네여 10 file 은색바람 2013.08.24 711
제작 스샷 으 으 으 2 file 에크멕필라으 2014.06.11 770
제작 스샷 유혈] 온 세상의 꽃들을 위하여 file 13자리난수 2021.03.19 94
제작 스샷 월드맵? 8 file JACKY 2013.05.30 631
제작 스샷 월드맵 수정중.... 8 file 불후의졸작 2014.10.15 608
제작 스샷 원경맵 찍는 중 3 file yellowcat 2013.11.20 1086
제작 스샷 원경구려욬ㅋㅋㅋㅋㅋ 12 file 해태 2014.05.19 797
제작 스샷 워윅 8 file 중꿔사랑 2013.08.13 636
제작 스샷 요즘 만들고 있는 웹게임 file 맛난호빵 2014.01.24 877
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ... 25 Next
/ 25