[Unity3D] 간단한 추첨 툴 제작 (진행중)

in #kr-daily7 years ago

안녕하세요 게임 개발자 @redkain 입니다.


현재 제작 중인 간편 추첨기 제작 상황 올려 보도록 할게요


처음 실행 시켰을 때 모습입니다. 기본적인 UI 는 대충 거의 다 붙였습니다.


별다른 기능은 없지만 각 UI 에 대해 설명을 해 보겠습니다.

(1) 추첨 입력 형태를 설정하는 팝업 입니다.

  • 텍스트 : 참가 대상을 텍스트로 입력하는 타입 입니다.
    - 문자 및 숫자, 특수 문자 등을 직접 입력 해서 목록에 추가 하도록 되어 있습니다.
  • 숫자 (입력/자동) :  참가 대상을 숫자로 입력하는 타입 입니다.
    - 숫자만 입력 가능합니다. 문자 입력 시 목록에 포함 되지 않도록 처리 했습니다.

(2) 텍스트를 입력하는 박스 입니다.

  • 문자나 숫자 등을 텍스트 입력 박스에 입력 한 이후 Enter 키 또는 오른쪽의 '목록추가' 버튼을 클릭해서 추첨 목록에 포함 시킬 수 있습니다.

(3) 추첨수 설정하는 텍스트 입력 박스 입니다.

  • 직접 숫자를 입력 할 수도 있고 오른쪽의 위, 아래 버튼 클릭으로 추첨 개수를 정할 수 있습니다.
  • 숫자 이외에 다른 문자는 입력이 안되도록 처리 했습니다.
  • 추첨 수는 전체 참가 개수를 넘을 수 없도록 처리 했습니다.

(4) 목록을 모두 초기화 할 때 사용하는 버튼입니다.

  • 하단 (5) 에 들어간 목록들이 모두 삭제 됩니다.
  • 추첨수 (3) 의 값이 1로 초기화 됩니다.
  • 전체 참가수 (6) 의 값이 0으로 초기화 됩니다.

(5) 참가 목록을 보여 주는 박스 입니다.

  • 목록추가 박스 (2) 에서 입력한 문자나 텍스트가 목록 안에 순차적으로 보여집니다.
  • 목록추가 시 입력한 글자의 가장 앞과 가장 뒤의 공백을 걸려 주는 기능을 포함 했습니다. (드래그 복사 했을 때 앞, 뒤 공백 복사 된거 제거)
  • 동일한 목록은 다시 포함 되지 않도록 하는 기능을 넣었습니다.

(6) 목록에 포함 된 전체 참가수를 표시해 줍니다.

(7) 추첨 시작 버튼 입니다. (현재 미완성이고 다음에 작업이 들어갈 예정 입니다.)


이상 UI 에 대한 간략한 설명이었습니다.


(1) 팝업 눌렀을 때의 모습


(1) 텍스트 타입 설정 후 참가 목록 텍스트들을 입력 했을 때의 모습


(1) 숫자 (입력/자동) 타입 설정 후 참가 목록 숫자들을 입력 했을 때의 모습

  • 숫자 (입력/자동) 타입 설정을 하게 되면 우측에 UI 가 추가로 나타납니다.
  • Input : 숫자를 직접 입력 할 때 사용 합니다.
  • Auto : 숫자를 자동으로 설정 할 때 사용 합니다.
  • Input / Auto 설정에 따라 UI 가 변경 됩니다.


Auto 설정을 했을 때의 모습

  • 하단에 숫자 버튼이 나타납니다.
  • 버튼 4를 클릭하면 자동으로 목록에 1 ~ 4 까지 4개의 목록이 들어 갑니다.


Auto 설정 상태에서 다시 한번 버튼을 클릭 했을 때의 모습

버튼 3을 클릭하면 위에서 눌렀던 4의 값에 3을 추가해서 목록을 1 ~ 7 값으로 새로 갱신 합니다.


추첨기의 대략적인 기능은 끝났습니다.

결과 값을 보여 줄 UI 를 더 추가 하고, 몇 가지 자잘한 기능 몇개를 더 추가 하면 작업이 마무리 될 듯 합니다.

조만간 완성해서 올리도록 하겠습니다. ^^

Sort:  

능력자가나타났네요! 완성본이 기대됩니다^^

ㅎㅎㅎ 간단한 프로그램이에요 제가 UI 전문이 아니라서 좀 힘드네요
그래픽 이미지들이 없어서 NGUI 미들웨어에서 제공해주는 샘플로 만들고 있네요 ㅋㅋ

ㅎㅎ 그래도멋지신것같아요 저에겐미지의영역 ㅋㅋ

오~ 완성되면 무료배포 되는건가요!!!?
기대됩니다!

네 오늘도 행동프로젝트로 계속 코딩해야겠어요 ㅎㅎ

Coin Marketplace

STEEM 0.18
TRX 0.13
JST 0.029
BTC 57616.20
ETH 3030.92
USDT 1.00
SBD 2.25