방송TIP 0

게임만하다가 심심해서 얼마전에 취미삼아 방송을 시작한 트수겸 뉴비입니다.

주로하는 게임이 겟앰프드라서 콤보플레이를 하는 경우가 많은데 그때마다 키입력을 어떻게 보여줄까 고민하다 Input Overlay라는 플러그인을 찾았습니다.

Input Overlay에 대한 기본적인 정보는 https://obsproject.com/forum/resources/input-overlay.552/ 에서 보시면 되고 최신 릴리즈는 https://github.com/univrsal/input-overlay/releases 에서 받으시면 됩니다.

여러가지 샘플들 (키보드, 마우스, 패드)을 제공하지만 제가 실제로 했던 키보드 오버레이 수정 작업에 대해서만 설명드리겠습니다.

Input Overlay는 기본적으로 아래와 같은 오버레이 이미지(.png)와 레이아웃 설정 파일(.ini)로 구성됩니다.

이 2개의 파일을 OBS의 Input Overlay 플러그인에 넣어주면 방송화면에는 아래와 같이 나오는 방식인거죠

키보드 전체를 방송화면에 띄우기엔 공간이 부족할 뿐더러 입력하지도 않는 키를 보여줄 필요는 없었습니다.

그래서 겟앰할때 사용하는 9키(z, x, c, v, d, 상, 하, 좌, 우)만 출력하기 위한 작업이 필요했습니다.

처음에는 설정파일만 건드려서 9키만 남겨보려 했지만 화면에 출력되는건 ESC, F1, ..., F8 이런식으로 밖에 되질 않았습니다.

시행착오를 겪다가 결국 커스텀 오버레이가 필요하다고 결론지었습니다.

이쯤에서 포기할 뻔 하다가 다행히도 제작자가 올린 레이아웃 수정이 가능한 psd 파일을 찾았습니다. (https://goo.gl/kyyoXx)

포토샵 쓸줄모르는 일개 공돌이인 제가 할 수 있는 방법은 앞부분 9키를 지우고 아래에서 필요한 키만 ctrl+c,v 였습니다. 

포토샵 몰라도 이건 되더라고요ㅎㅎ

수정이 다 끝나면 png 파일로 저장합니다.

그 다음 작업은 설정파일을 건드려 키보드 레이아웃을 구성하는 것입니다.

예를들어 저는 z, d, v, 상 을 윗줄에 출력하고 x, c, 좌, 하, 우 를 아랫줄에 출력하는 식으로 수정하였습니다.

설정파일이 복잡해보이지만 실제로 수정한 부분은 얼마안됩니다.

1_key_count : 화면에 출력할 키의 개수 (9)

1_key_rows : 화면에 출력할 키배열의 열 (2)

1_key_cols : 화면에 출력할 키배열의 행 (5)

2_key_order : 레이아웃 이미지에 나온 키의 order와 hex값 

기존 설정 파일에서 9번째 까지 해당하는 키의 hex값으로 수정합니다.

(hex값 참조 : https://github.com/univrsal/input-overlay/blob/master/libuiohook/include/uiohook.h#L137)

2_key_width : 키의 너비 (1,1,1,1,1,1,1,1,1)

2_key_height : 키의 높이 (1,1,1,1,1,1,1,1,1)

스페이스 바같은 경우 width를 3으로 설정하지만 여기서는 모두 1로 설정합니다.

2_key_row : 열 좌표 (0,1,1,0,0,1,0,1,1)

2_key_col : 행 좌표 (0,0,1,2,1,2,3,4,3)

왼쪽 위가 원점입니다. (0, 0)

수정은 모두 끝났고 최종적인 결과물은 이렇습니다.

단순히 취미에서 시작했지만 생각했던 것보다 만족스러운 결과가 나와 이렇게 글로 남깁니다.

저와 비슷한 고민을 했던 분들이 참고하셨으면 좋겠습니다.