KiTFOx's Notepad 📝

Spine 파일 Unity랑 연동하기

일단 esotericsoftware 사이트에서 스파인 유니티 플러그를 다운받는다.

다운 받기 전에 프로그래머라면 디자이너에게 꼭 스파인 버전이 무엇인지 물어보고 버전에 맞는 것을 다운받도록 하자.

유니티를 위한 스파인 패키지를 다운받도록 하자.

http://ko.esotericsoftware.com/spine-unity-download

다운 받은 후에는 패키지를 불러오도록 하자.

혹시나 볼 디자이너분들을 위해 자세하게 알려주려고 한다.(디자이너분들도 유니티를~!)

가장 간단한 방법은 받은 파일을 프로젝트 영역에 드래그앤 드롭을 하면 된다.

드래그앤 드롭을 하면 아래와 같은 화면이 나온다

저기 체크 박스들이 아마 다 체크되어있을 것이고 그대로 Import 버튼을 누르면 들어가진다.

그 후에는 스파인 파일들을 불러온다.

모두 드래그앤 드롭으로 프로젝트로 가지고 올 수 있다.

처음에 넣을땐 3개지만 넣고 나면 알아서 부속 파일들이 쫘라락 생겨난다.(아틀라스 파일, 스켈레톤 파일 등등)

그 중에서 스파인파일명_SkeletonData 파일이 있을 것이다.

그 파일을 드래그앤 드롭으로 Hierachy 창에 넣으면 아래와 같은 3가지 항목이 생긴다.

그중에서 애니메이션 컨트롤러를 쓰려고 하면 메카님으로 생성해야한다.

메카님으로 생성을 하면 애니메이션 컨트롤러가 자동으로 생성된다.

대신 안에 애니메이션 파일을 수정을 못한다.

그래서 모든 정보들은 있지만 수정은 할 수가 없고 수정 작업을 거치려면 디자이너에게 다시 부탁해야하는 상황이 온다..

(확장 기능좀 만들어주십시오..ㅠ)

그리고 애니메이션으로 생성하면 애니메이션 컨트롤러를 못쓰고 코드로 제어해야한다.

이 부분은 프로그래머와 애니메이터의 원만한 합의가 있길 바라며..(대부분 애니메이션 컨트롤러를 쓸것이다.. 왜냐하면 디자이너도 작업하기가 편하기 때문)

생성하고 나면 아래와 같이 오브젝트가 생성된다.

스파인 자체에서 아웃라인 기능을 지원해줘서 더욱 귀엽게 만들 수 있다!

Spine/Outline/Skeleton 으로 가면 outline Width를 통해서 아웃라인 크기를 정할 수 있다.

지금은 최대가 8인데 최대를 수정하려면 스파인에서 Padding부분을 건들여야한다고 한다.

아웃라인 적용된 모습이다.

애니메이션 파일 안에 유니티 내에서 할 수 있는 애니메이션은 추가할 수 있다.

따라서 캐릭터의 위치를 변경할수는 있다.(캐릭터 자체의 모션은 불가)

답답한점인것 같긴하데 sprite가 아니라 mesh로 들어가기 때문에 Flip은 따로 처리해줘야할 것 같다.

나머지 애니메이션 컨트롤러 등등은 기존의 유니티 애니메이터를 사용하는 방법과 같다.

unity는 스크립트에서 public으로 선언하면 Inspector창에 나타나서 초기값을 설정해줄 수 있는 점이 유용하다.

이 점은 사실 프로그래밍적으로 보았을 때 보안 측면에서는 좋지 않은 점이다.

하지만 엔진과 스크립트에 대해서 잘 모르는 디자이너나 일반인들과의 협업 과정에서는 굉장히 유용하다.

디자이너는 프로그래머가 생각하는 것보다 엔진을 더 모를 가능성이 높다.

MonoBehaviour를 상속받는 class라면 public 변수로 설정하면 Inspector창에 나타나는 것을 볼 수 있다.

하지만 실제로 프로그래밍을 할 때 int,float,double....등등 단일로 여러 개의 변수를 설정하는 일만 일어나지 않는다.

간단하게 설명하자면 떡볶이의 재료는 떡,어묵,고추장,간장 등등 여러가지 재료들이 필요하고 이것들을 하나로 묶는 것이 관리하기에 편하다.

이러한 것을 하기 위해 class로 묶어둔다.

클래스로 선언 후 

다른 Monobehavior가 상속된 클래스에서 변수로 가져오게 되면 Inspector창에 나타나겠지?라고 생각하겠지만 나타나지 않는다.

그럴 때는 선언하는 class위에 [System.Serializable] 을 적어주면 해결된다.

그러면 Inspector창에 다음과 같이 나타난다.

배열로 선언할 시 Size를 넣어주면 클래스 배열을 알아서 만들어준다.

*팁*

클래스 안에 public string name; 을 선언해주면 Name에 넣어주는 이름에 따라서 Element1,Element2로 표시되는 것이아니라 Name에 넣어둔 이름으로 변경된다.

유니티를 사용하다보면 FBX를 export할 일이 종종 생긴다

예전에는 에셋을 이용해서 export 했지만 현재는 유니티에서 별도로 패키지를 다운받으면 쓸 수 있다

2018.03 버전 이후부터는 package manager를 이용한다

Window->Package Manager 를 통해 열 수 있다

그런데 여기서 FBX Exporter의 모습을 찾을 수 없다

한참을 헤매다가 찾은게 위에 Advanced 버튼을 누른 후 Show preview packages를 누르니 나왔다

FBX Exporter를 최신버전으로 설치하면 다음과 같이 뜬다

Package has invalid dependencies: com.unity.timeline:package[com.unity.timeline@1.0.0] cannot be found

타임라인 패키지가 없다고 하는데 타임라인 패키지는 Cinemachine에 포함되어 있다

Cinemachine 패키지를 설치하면 해결된다고 생각했지만 계속 못잡길래 여러가지 버전으로 바꾸어보았다

결국 2018.3.3f1 버전에서 Cinemachine 2.2.9로 변경 FBX Exporter를 2.0.1 버전으로 바뀌었더니 정상적으로 설치되었다

*추가 사항*

2019.3.15f1 버전에서는 FBX Exporter 최신버전을 설치해도 아무런 문제가 없었다

또한 Generic Animation만 가능하고 Humanoid Animation은 지원하지 않는듯함

프리뷰버전은 역시 불안정한가보다

현재는 Unity의 Localize라는 좋은 기능이 있어서 해당 내용을 참고하여 제작하는 것이 더 좋을 것이다.

-------------------------------------------------------------------------------------------------------------------

Project_R을 만드는 중인데 XML을 이용하여서 NPC들의 언어를 받아오는 중이다.

대충 이런 형식으로 현재는 한국어에 대한 정보들만 먼저 불러와놓고 쓰는 형식인데 다양한 언어를 이용하려면 어떻게 할까..

일단 KOREAN만 불러오는건 좋지 않으니 여러가지를 받을 수 있도록 변경해보자

일단 langNum에 따라 두가지를 받아 올 수 있도록 변경하였고 이젠 이걸 option 바의 language설정에 따라 바꾸도록 변경하면 되는데

고민되는 부분이 언어를 바꾸고 확인버튼을 누르면 모든 설정값이 바뀌어야하는데 지금 xml에 들어 있는 값들은 npc들의 대사밖에 없다.

흠.. xml을 여러개 만들고 이것저것 끌어다가 쓸까 생각을 하는데 그렇게 되면 많은 데이터들을 불러오게 되면 렉이 생기지 않을까하는 생각이 든다.

일단 지금은 NPC 대사들에 대해서만 언어를 변경해보도록 하자.

완전 테스트 용이므로 ESC키를 누르면 버튼이 나타나고 버튼을 누르면 변경되는 형식으로 설정해놓아보자

대충 이런식으로 임시로 만들었다.

음.. 코드에 ESC를 누르면 저 창이 뜨도록 바꾸자

적용한 모습

흠 이제 언어 바꾸기를 누르면 npc의 언어가 바뀌도록 해봅시다.

완성화면

com 은 come으로 바꿔야겠다. 

다음번에는 옵션창에 버튼을 눌러서 2가지 선택지를 주고 저장하면 바뀌는 형식으로 좀 더 업그레이드 하여야겠다.

이번에는 맵 이동을 하는 알고리즘에 관한 고찰을 해볼것인데..

아직 리소스가 부족해서 마을은 못만들었지만 가명으로 F마을,W마을이라고 하겠다.

일단 MapManager를 만들어보자

F로 가는 포탈은 파란색 지점에 W로 가는 포탈은 초록색 지점에 있다.

먼저 mapArray로 3가지의 맵을 불러오자.

3개의 맵오브젝트는 Map이라는 게임 오브젝트의 하위에 들어있으며 Awake()함수에서 자동으로 불러오도록 하겠다.

게임을 시작하면 Map 하위 오브젝트들을 불러오는 것을 확인할 수 있다.

그다음 각각의 포탈들을 불러오는 코드들을 똑같이 적용하여준다.

포탈들도 똑같은 과정을 이용하여서 적용시켜준다.

하지만 구조를 다르게 만들었다. 두개 포탈을 이용하여서 왔다갔다 할 수 있도록 만들려고 한다.

두개의 transform을 담고 있는 linkedPotal이라는 클래스를 만들고 2개의 포탈 정보를 저장하고 포탈 정보를 들고 올 수 있도록 만들었다.

2중 for문을 이용하여서 하위 오브젝트 한개를 들고 오고 그 오브젝트의 하위오브젝트들을 저장하는 형식으로 제작하였다.

시작되면 차례차례대로 들어가는걸 볼 수 있다.

이제 포탈에 닿으면 지정된 위치로 변하는 코드를 짜보자

플레이어가 포탈에 닿으면 MapManager의 enterPotal이란 함수를 실행시키도록 하겠다.

밑에 부분은 짤렸는데 pos를 반환한다.

반환한것을 플레이어에서 임시로 저장해놓는다.

왜냐면 fade in과 out을 실행할 것이기 때문이다. 

여기서 잠깐 헤매었는데 fade in out을 시작 싸인을 주고 바로 position을 비꿔버리니까 어색한 감이 있어서 fade out으로 변하는 반환점에서 플레이어의 위치값을 변경해주었다.

할 때는 fade in과 out을 할 생각이 없었는데 하다보니 빠져들어서 홀린듯이 하게 되었다.

완성된 모습

흰색 큐브가 포탈 역할을 한다.