멀티 플렛폼 개발을 위한GUI System #1

제작 : 대삽

1. 왜 필요할까 ?

• 수익성과 개발효율의 문제 ?!– 단일 플렛폼 App 개발에서 노력만큼의 수익을 얻기 어렵다 .

– GUI 의 제작은 게임에 따라 가장 힘들고 손이 많이 가는 일이며 그 중요성은 점점 증가하고 있다 .

– 이미 개발이 끝난 App 을 다른 플렛폼으로 포팅하는 일은 추가적인 개발을 필요로 한다 .

– GUI 의 중요성을 잘 모르는 개발자 중에 훌륭한 개발자는 없음 .

2. GUI System• 좌표계

– 스크린 좌표계– 스크린 상대 좌표계– Anchor 기반 상대 좌표계– 3D 공간 좌표 기준계– Camera 공간 좌표계

• 기반 System– GUI Layer – Window GUI– HUD GUI (Head Up Display)– In Game GUI– System GUI– IME

3. PC 에서의 GUI System• 특징

– 일반적으로 해상도가 커지면 모니터도 커진다 .– 마우스와 키보드를 사용

• 고정 비율 (4:3)– 스크린 좌표 & 스크린 상대좌표 System

• Wide (4:3, 16:9, 16:10)– Anchor 기반 상대좌표 System

• In Game 3D GUI– 별도의 GUI 계층이 없이 게임 공간에 배치 .

3.1 스크린 좌표계 & 상대 좌표계• 스크린 좌표계

– 스크린 좌표와 GUI 좌표가 1:1 로 매칭되는 시스템– 가장 일반적이다 .– Unity3D 에서 기본적으로 제공하는 GUI System.

– 장점• 제작이 쉽다 .• Screen Pixel 과 GUI 가 1:1 대응한다 .• 가장 품질이 뛰어나다 .

– 단점• Screen 해상도 변경에 매우 취약하다 .• 확대 , 축소 , 회전 , 특수효과 표현이 매우 어렵다 .

• 스크린 상대 좌표계– 스크린 좌표를 Normalize 하거나 연산을 통해 GUI 좌표를 산출하는 방식 .– 해상도 변화에 강한 편 .– 그 외의 특징은 스크린 좌표 System 과 동일함 .

3.2 Anchor 기반 상대좌표계

Screen 해상도에 따라Anchor 의 위치가 변함 .

GUI 는 Anchor 의 위치를기반으로 배치됨

화면 비율에 무관하게 위치를 조종할 수 있다 .

3.2 In Game 2D GUI

3.3 In Game 3D GUI

4. Mobile Phone GUI System• 특징– Touch 기반– 4 Inch 정도의 스크린 크기에 다양한 해상도

• 주요 기기 스펙– IPhone

• 480x320 ~ 960x640• 8.9cm 3:2 Wide screen

– Android• 표준 800x480, 비표준 해상도 많음 .• 다양한 크기 , 대체적으로 4 Inch 이하

4.1 Mobile GUI 의 Issue

• 스크린 좌표계를 기준으로는 다양한 기기에 동시 대응이 불가능 .

• 스크린 상대 좌표계를 사용해도 GUI 의 크기에 대한 문제점이 남는다 .

• Touch 를 하는데 불편함이 없는 형태를 가져야 한다 .

• 작은 스크린 사이즈에 맞는 적당한 사이즈를 고려해야 한다 .

4.2 Camera 공간 좌표계

Game Screen Space

GUI Screen Space

Application Screen

Game Camera

GUI Camera

Game Screen 을 먼저 그린다 .

그 위에 GUI 를 Layer 별 순서대로 그린다 .

해상도에 무관하게 동일한 비율과 크기를 가질 수 있다 .

4.4 Anchor + Camera 좌표계

• Mobile 에서는 화면 비율과 해상도가 가장 큰 문제가 됨 .

• Anchor System 과 Camera 좌표계를 병하면 어느정도 문제를 해결할 수 있다 .

화면 비율에 무관하게 위치를 조종할 수 있다 .

해상도에 무관하게 동일한 비율과 크기를 가질 수 있다 .

5. Etc…

• Facebook–Web Brower 기반– 760 x ??? & FullScreen

• Tablet– 7 Inch~10.1 Inch– 800x480 ~ 1280x800