이전 글 링크
- 1탄 추출편: https://arca.live/b/girlcafe/21321340
- 2탄 실행편(1): https://arca.live/b/girlcafe/21519327
라투디 여는 2번째 방법임
글 레이아웃은 PC에 맞게 작성되서, 모바일에선 줄 바꿈 같은 게 이상할 수 있음.
그래도 작업 따라하는 건 PC에서만 가능하니 볼 때 불편해도 양해 바래..
(2) SpineViewer WPF로 열어보기
0. 실행 준비
※ WPF를 열기 위해서는 먼저 반드시 'XNA 프레임워크'를 설치해야 해.
XNA를 설치하지 않고 SpineViewer WPF를 실행시켜보면 아무 반응이 없는 걸 알 수 있는데,
이 프로그램이 XNA을 활용해서 만들어졌기 때문이야.
근데 이 XNA가 공식 업데이트가 중단되서 MS 홈페이지에서 설치파일을 찾을 수 없더라.
그래서 여기저기 뒤지다 찾아내서 드라이브에 올림.
※ Microsoft XNA Framework Redistributable 4.0 다운로드 링크:
https://drive.google.com/file/d/1tV2GOq7wgY5b7hmLbAuzZNrVC_fX3HfT/view?usp=sharing
다운받고 실행시키고 나면 설치하는건 쉬우니 패스할게.
1. SpineViewerWPF 다운로드 및 조작법
※ 다운로드 링크: https://github.com/kiletw/SpineViewerWPF/releases
다운받고 압축풀면 아래 파일들이 나옴.
SpineViewerWPF.exe 실행하면,
이런 창이 뜸.
열고 나면 두 번째 줄에 있는 json 파일은 자동으로 할당됨
버전만 선택해주면 되는데 아래 사진대로 3.8.95 골라주면 된다
이렇게 되면 'Open' 눌러줘.
이렇게 열리는데 창에 맞게 조절하려면 설정을 좀 만져줘야 하는데
위쪽에 있는 Attributes 누르면 설정할 수 있어
SpineUseAlpha, PreMultiplyAlpha를 체크하면 라투디에 적용된 효과 같은거 정상 적용돼.
복잡하게 생각하지 말고 저거 두개는 그냥 무조건 체크해준다고 보면 된다.
IsLoop는 재생중인 동작을 무한반복하는거.
Skin은 동작들 그룹으로 묶어놓은건데, 보통 그냥 하나만 있음.
(이 라투디는 default라는 이름의 1개.)
Anime 누르면 동작들 들어있어. 이것저것 눌러보면서 구경해라
FPS는 원래 초당 프레임 수지만 이 프로그램에서는 재생 속도더라. 20 정도로 하면 딱 맞는듯.
(기본값 30은 좀 빠름. 클수록 동작 재생 속도가 빨라짐.
주의!! gif 변환할때는 30이 적당해. 프로그램 내 재생속도랑 출력된 움짤 재생속도가 서로 안맞더라..)
Scale은 확대 배수야. 화면안에 들어올 수 있게 적당한 값 넣어주면 돼. (보통 0.2~0.4 정도더라)
PosX는 라투디의 x축 상 위치 조정이야. 왼쪽으로 치우쳐 있으면 값을 올려주고, 오른쪽으로 치우쳐 있으면 값을 줄여줘.
PosY는 라투디의 y축 상 위치 조정이야. 아래로 치우쳐 있으면 값을 줄여주고, 위로 치우쳐 있으면 값을 올려줘.
FlipX랑 FlipY는 각각 좌우반전, 상하반전이야. 가끔 동작이 복잡한 경우에 오류가 있는데,
움직이는 방향이 기본 상태에 맞게 되어 있어서 반전시키면 동작이 안 맞아질 때가 있어.
Rotation은 회전이야. 각도값을 입력하면 그 값 각도만큼 회전시켜줘. 음수는 시계방향 회전, 양수는 반시계방향 회전이야.
Background를 누르면 뒷 배경을 설정할 수 있어.
사용하려면 Use BG에 체크하고, ImagePath 옆의 '...' 버튼을 눌러 배경으로 넣을 이미지를 불러오면 돼.
PosX와 PosY는 배경 위치 조정인데 앞에서 설명한 라투디 위치 조정이랑 같은 원리를 적용받아.
ControlBG는 뭔지 모르겠어...
위 짤은 배경 적당한 거 넣고 위치 맞춰서 완성해본거야.
Export 들어가면 gif 변환 설정인데 딱히 손댈건 없으니 설명 안 할게.
2. 프로그램 사용팁과 오류 해결법
(1) 설정 창 어떻게 닫는지 몰라서 당황할 때가 있는데 아래 짤 참고해라
(2) 스샷(png)과 움짤(gif) 추출하기
프로그램 오른쪽 위를 보면 버튼 3개가 있는데
첫 번째는 당연히 동작 정지고, 두 번째는 현재 스샷 저장, 세 번째는 움짤로 저장이야.
gif는 품질이 아주 좋은 편은 아니니깐 영상으로 녹화해서 gif 변환하는 방법을 써도 괜찮을 거 같아.
(글 마지막에 프로그램으로 자체 추출해서 만든 gif 업로드 해놨으니 한 번 봐도 될 거 같다)
(3) 오류 해결법
- 튕기는 오류
프로그램 오류로 가끔 튕길 때가 있는데(좀 불안정한 듯) .. 특별한 방법은 없고 다시 실행하는 게 답이야.
(대표적인 튕김 오류 예시: 배경을 지정했다가 PosX와 PosY를 통해 배경 위치를 조정한 후에 맘에 안들어서 다른 배경으로 바꿔버리고 gif 변환을 하면 튕김. 기존 배경의 위치조정 값이랑 새로 바꾼 배경의 값끼리 충돌나서 gif 변환 과정에서 문제가 생기는 듯.)
- 동작 오류 및 텍스쳐 깨짐
그 외에도 눈 깜빡거릴 때 눈동자가 그대로 남거나 눈동자만 사라졌다 생기는 등의 오류가 있을 수 있는데,
PreMultiplyAlpha나 SpineUseAlpha를 체크해제 했다가 다시 체크하면 고쳐지는 경우가 많아.
(눈동자 문제 외에도 동작 오류나 텍스쳐 깨지는 현상 같은 거 대부분이 이 방법으로 해결됨)
공략 쓰면서 완성된 짤이 용량이 좀 커서 업로드가 안되네.... (46.9MB)
대신 링크로 올릴게
https://drive.google.com/file/d/1EepbqKOS7i6XBsbI8UCnOdjek0QlKn9S/view?usp=sharing
