그동안 궁리했던 전투 화면의 기초 인터페이스 구상 및 고려했던 사항들에 대해 정리해 올려봅니다.
이것보다 더 생각이 있긴 한데 그것까지 정리해서 올리자니 그게 쉬운일이 아니더군요. 이미 정리하지 않으면 안될만큼 생각해 놔서…
맥스 화면 뷰포트로 작업했는데 원하는 효과가 잘 나오지 않아서 맥스용 뷰포트 쉐이더를 수동으로 제작해서 작업하였습니다 ㅋㅋㅋ
뭐 작업을 했어도 제안일 뿐, 결정은 담당 디렉터가 해야겠지요
====================================================================================
- 일단 바닥쪽이 지금 상태라면 너무 강하다고 판단하였습니다. 바닥의 컨트라스트가 강하고 너무 디테일이 많거나 색의 변화가 심하면
화면의 여러 정보를 미세하게 알려줄때 힘들어집니다. 가뜩이나 정보가 많은 게임이라, 정보의 스트레스에서 벗어나게 하는 것을 우선시 하였습니다. (이건 이미 AD가 고려중)
- 바닥의 격자는 살리는 것이 필요하다고 보여집니다. (옵션으로 끄게 하는 한이 있더라도) 전략게임의 즐거움은 ‘내가 상황을 컨트롤 할 수 있다’ 라는 것이고, 상황을 컨트롤하기 위해서 조작을 ‘생각’하게 해서는 안됩니다. ( 이동해서 공격이 가능하면 클릭만으로 자동으로 이동해서 공격하고, 이동해서 공격해도 안되는 거리에 있으면 아예 이동을 못하는 지금의 방식도 조작을 ‘생각’ 해야 하는 상황을 만들기 때문에 저는 반대입니다. 인터페이스는 배울 필요가 없어야 합니다.)
즉 눈대중이건 마우스 오버건 현재 상황을 감각적이고 명쾌하게 설명해주는 것은 순수한 게임 플레이에 유저를 집중시키기 위해 필수적이며, 때문에 바닥의 격자는 보다 유저를 전략에 몰입시키는데 유리한 도구로 사용되게 됩니다. 그렇지만 그것이 심하게 눈에 띄여서는 곤란하며, 나중에 생각했을때 그런게 있었던가? 라는 정도의 느낌으로, 감각적으로 느끼게끔 디자인되어야 합니다. 인터페이스는 무조건 눈에 띈다고 좋은 것이 아니며, 감각적인 엠비언트 인터페이스 - 예 : 아이폰의 관성 스크롤 - 가 많아질수록 좋은 인터페이스가 됩니다.
- 1번의 녹색 사각형은 파티나 대규모 전투시 자신의 캐릭터를 강조하기 위해 사용됩니다. 이 인터페이스는 꽤 눈에 띄는 편이어야 하며, 우리 팀과 일관성을 잃지 않아야 합니다. 사실은 다른 아군 캐릭터와 동질감을 느끼게 하기 위해 원형으로 제작하는 것도 땡겼으나, 삼국지 프로젝트 방식을 무단으로 도용해 보고 싶었습니다 (…미안)
이 박스는 하단 동영상처럼 캐릭터의 마우스 오버시, 선택시등을 쉽게 느낄 수 있게 해 줍니다.
또는, 행동이 끝났을 때 블렌딩을 바꾼다던가 (현재는 add 블렌딩) 채도를 떨어뜨리는 등의 방법으로도 표현할 수 있겠습니다.
- 2번의 이름표는, Z read를 하지 않고 Z write만 하는 빌보드로 제작되는, 대표적인 “민폐” 인터페이스입니다. 안보여서도 안되지만, 화면을 방해해서도 안되는 계륵같은 존재지요. 어쨌건 기존의 인터페이스처럼 커다랗고 위아래로 나눠진 이름과 에너지바는 화면을 가리는데 일등공신의 역할을 하였으며, 정보의 통합을 방해하는 요소로도 작동하였습니다.
또한 그렇다고 에너지바의 내용이 섬세하게 보일 필요까지는 없습니다. 어느 정도 감각적으로 볼 수 있는 인터페이스이며, 체력이 적어졌다면 깜빡거리는 등의 에니메이션으로 주의를 집중시켜줄 수 있는 여지가 많습니다. 그러므로 적절하게 데이터를 몰고, 사이즈를 가능한한 줄였습니다.
또한 이름의 색을 이용해서도 꽤 많은 정보를 표현할 수 있습니다. 버프 아이콘은 3개가지 표현될 수 있습니다.
주인공의 이름 외에 다른 것을 숨기는 것도 간단하지만, 일단 우리 캐릭터는 다 보여주고, 아군은 주인공만 보여주고, 적군은 다 보여주는 것을 해 보았습니다. 이 정도 데이터가 나와도 그렇게 어지럽다는 인상은 들지 않습니다.
3번의 바닥격자는, 역시 분명히 느껴지지만 인상에는 남지 말아야 합니다. 현재 TBS는 인상에 너무 선명하게 남아, 게임 후에는 캐릭터가 생각나지 않고 녹색 격자와 빨간색 동그라미들만 생각납니다 (…) 때문에 이 인터페이스의 장식은 최소한으로 줄여야 하며, 그래도 정보를 제대로 한눈에 구별할 수 있게 해 주어야 합니다. 역시 여기와 연결되는 것은 바닥 텍스쳐가 얼마나 차분하느냐 입니다.
카메라 각도와 FOV 는 일단 ‘기본’ 카메라 각도를 잡아 보았습니다. 여기서는 일단 가장 보기 좋다고 생각되는 뷰인 쿼터뷰 (옆으로 45도 회전한 것을 쿼터뷰라 부릅니다. 흔히 상식적으로 아는 것처럼 세로로 45도 기울인 쿼터뷰 게임은 그다지 없으며, 보통 세로로는 30~35도 정도를 사용합니다 ) 이미지를 흉내내 보았습니다. 조작성과 화면의 품질등을 종합적으로 고려해본 결과, 세로는 약 50도 정도 , - 일반적인 RTS보다 좀 더 세운 각도입니다 - 카메라 렌즈는 35mm 정도(FOV 환산시 약 54deg) 로 결정해 보았습니다.
카메라는 50mm 를 기준으로 하였을때 35mm 는 일반적인 스냅카메라의 mm 수로, 어느 정도 원근감이 있으면서도 실제 사람의 시선에는 그다지 부담을 주지 않는, 매우 사람에게 익숙한 뷰 입니다. 카메라를 보통보다 좀 올린 이유는 선택의 유용성 문제와 함께 이름표가 가급적 캐릭터를 가리지 않는 방향으로 유도하고 싶었기 때문입니다.카메라 제한 을 통하여 전투시에는 다양한 카메라뷰가 나오지 않게 진행하였으면 합니다. 실제 필드에서 돌아다닐 때에는 주변을 둘러보거나, 자신이 ‘세계’ 에 속하고 있다는 느낌과 캐릭터는 ‘자신’ 이라는 아바타적 느낌을 주기 위해 카메라를 자유롭게 회전하게 만듭니다만, 전략 시뮬레이션 게임과 같이 논리적인 생각과 목적이 있는 게임에서는 보통 카메라뷰를 제한하여 ‘조작을 덜 신경쓸 수 있게 ’ 만들어 주곤 합니다. 때문에 효과적인 카메라 뷰를 결정해 주는 것은 매우 중요합니다. 현재의 카메라뷰가 기본 카메라입니다.
이번엔 카메라를 회전시켜 같은 각도에서의 세로 뷰를 확인해 보았습니다. 크게 다르거나 불편한 느낌은 없었지만, 멀리있는 영역이 잘 안보이는건 살짝 불만이라고 할 수 있을것 같았습니다.
그래서 카메라 뷰를 좀 더 기울여 봐서 (FOV를 수정한 것은 아닙니다) 원거리가 나오도록 조정해 보았습니다.
역시 세웠을때 보다 이름표가 캐릭터를 가리는 현상이 조금 더 증가했으므로, 최종적으로 이 각도는 어느 정도 나중에 추이를 보면서 조정해 보는 것이 좋을 듯 합니다. 일반적인 전략 시뮬레이션이라면 에너지바밖에 나오지 않으니 문제 없겠습니다만….
현재 가정한 이름표의 피봇 위치는 캐릭터 메인 더미의 중심점입니다.
최대로 돌리 인 했을 경우의 화면입니다. 돌리 인 하면서 자연스럽게 카메라가 눕혀지는 전형적인 RTS 방식의 카메라로,
이대로라면 하늘이 보일 수 있기 때문에 하늘을 삭제하는 것은 곤란할 듯 합니다.
틸트는 되지 않습니다. FOV는 다소 넓어져서, 30mm 카메라 (FOV 62 deg에 해당) 가 됩니다. 24mm까지 넓히는 것도 고려할 수 있겠습니다만, 일단 표준적인 여친카메라인 30mm 로 지정해 보았습니다.
이런 경우, 상황에 따라서 이름표가 좀 확대되는 것도 고려해 보았습니다만 일률적인 확대를 적용하면 원거리에 있는 캐릭터에게는 이름표가 너무 커지게 되므로 카메라 Projection 메트릭스 연산을 통한 크기확대가 이루어져야 할 듯 합니다. 그래도 제일 작은 것은 지금 화면에 나온 정도로 제한해야겠지요. 더 작아지면 곤란.
현재 1024*768 화면에서의 설정이므로, 해상도가 커지면 작은 이름표가 부담이 될 수도 있겠습니다. 스타처럼 해상도가 커진다고 인터페이스가 작아지는게 아니라면 몰라도.
- 카메라를 최대 원거리로 돌리 아웃을 시켰을 때의 화면입니다. 당연히 카메라는 이 정도에서는 슈퍼 줌의 평면적 카메라에 가까워 지는 것이 좋… 겠지만 사람들이 흔히 보지 않는 뷰는 극적인 효과를 유발할 뿐 편안한 느낌은 가지고 오기 어렵기 때문에 50mm 카메라 (FOV 약40deg) 로 보수적 접근을 해 보았습니다. 이 정도에서는 사실상 약한 원근이 있지만 사람들은 잘 느끼지 못합니다.
- 이름표는 이 정도 떨어지게 허용한다면 이름표가 캐릭터를 완벽히 가릴 크기가 됩니다. 그걸 좀 더 과감하게 응용해서 이 정도 떨어지면 - 사실 표준 카메라에서 더 빼면 이 정도 뷰로 급격히 돌리 아웃 시킬 생각입니다만.. 중간은 필요 없으니까요 - 아예 이름표 뒤에 백그라운드를 두어 아군과 적군, 내 캐릭터들을 구분시키고 캐릭터를 완전히 제거해 버리는 아이디어를 생각해 보았습니다.
게임 중간에 카메라를 휙 빼면 미니맵과 같은 동작을 하는 뷰가 되는 것입니다. 미니맵과는 달리, 실제 게임 화면과의 일체감도 좋아지고 캐릭터 업데이트를 하지 않음으로써 화면 드로잉이 빨라지는 효과도 기대할 수 있습니다. 이것은 사실 독창적이라기 보단 슈프림 커멘더에서 얻은 아이디어입니다…
단지 캐릭터와 위치 선택시의 격자 선택이 조금 불편해 지는 단점이 있지만, 그것은 선택시 반투명이나 이름표의 플로팅 (..) 효과 등으로 해결하는 방향으로 접근할 수 있을 듯 합니다.