# 스파인 적용법

\*스파인 버전 3.8.20 이상부터 적용이 가능합니다.\
\*펑크랜드 무료 스파인 리소스, 예시 게임 파일을 하단 링크에 첨부하였으니 참고하시길 바랍니다.

예제 리소스 : <https://nekoland.net/market/detail/3119>

***

* 펑크랜드에서의 spine 애니메이션 적용과 장비 교체 기능을 사용하기 위해선 spine 파일의 애니메이션 이름과 슬롯의 이름 설정을 펑크랜드에 맞게 설정해야합니다.\
  \
  키워드는 다음과 같습니다.

1. 애니메이션

|    |                |
| -- | -------------- |
| 대기 | idle\_left     |
|    | idle\_right    |
|    | idle\_up       |
|    | idle\_down     |
| 걷기 | left           |
|    | right          |
|    | up             |
|    | down           |
| 공격 | attack\_left   |
|    | attack\_right  |
|    | attack\_up     |
|    | attack\_down   |
| 점프 | jump\_left     |
|    | jump\_right    |
|    | jump\_up       |
|    | jump\_down     |
| 피격 | damaged\_left  |
|    | damaged\_right |
|    | damaged\_up    |
|    | damaged\_down  |
| 사망 | dead\_left     |
|    | dead\_right    |
|    | dead\_up       |
|    | dead\_down     |

<figure><img src="https://1680940216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUj2BViEDf2ZGlshGQsJY%2Fuploads%2FhGgxd6d3ktaCEiPUwM8Q%2F01%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98%EC%9D%B4%EB%A6%84.PNG?alt=media&#x26;token=04e84384-cb51-4eb8-8360-9e21a36b2dd5" alt=""><figcaption><p>*스파인 애니메이션 이름 예시</p></figcaption></figure>

2. 아이템

| 모자 | hat          |
| -- | ------------ |
| 갑옷 | armor        |
| 무기 | weapon       |
| 방패 | shield       |
| 날개 | wing         |
| 신발 | shoes\_left  |
|    | shoes\_right |

<figure><img src="https://1680940216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUj2BViEDf2ZGlshGQsJY%2Fuploads%2FJyTONs7nuZ3KEAcsURVQ%2F02%EC%8A%AC%EB%A1%AF%20%EC%9D%B4%EB%A6%84.PNG?alt=media&#x26;token=9596801e-d20f-4c1b-bee3-74496efd5110" alt="" width="555"><figcaption><p>*스파인 애니메이션 이름 예시</p></figcaption></figure>

\
\ <br>

***

* ## 캐릭터 등록

1. 스파인 allas.txt, json, png 파일을 펑크랜드 프로젝트 **Spines** 폴더에 넣습니다.\
   \* 세가지 파일이 같은 폴더에 존재해야 스파인 리소스가 문제 없이 실행됩니다, \
   \* 폴더명(**Spines)**&#xC740; 대소문자 구분 및 철자를 정확히 동일하게 해야합니다.

<figure><img src="https://1680940216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUj2BViEDf2ZGlshGQsJY%2Fuploads%2FcCz5D1i1mdc9D3dXQ5QQ%2F04json%ED%8C%8C%EC%9D%BC%EB%84%A3%EA%B8%B0.PNG?alt=media&#x26;token=78cc0631-9d8b-408d-987a-1175d18c8068" alt=""><figcaption></figcaption></figure>

2. 데이터 베이스>캐릭터>그래픽 에서 png 파일을 선택해줍니다.

<figure><img src="https://1680940216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUj2BViEDf2ZGlshGQsJY%2Fuploads%2FEhNulY7IToZpXQjvkEpd%2F%EC%BA%A1%EC%B2%9845.PNG?alt=media&#x26;token=8807fae3-e895-4d23-8fcc-f3338a0b8f75" alt=""><figcaption></figcaption></figure>

3. 이름 위치, 충돌 영역, 주변광을 설정합니다.

<figure><img src="https://1680940216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUj2BViEDf2ZGlshGQsJY%2Fuploads%2FJG6fzJGAVYwHypetQVVS%2F%EC%BA%A1%EC%B2%9846.PNG?alt=media&#x26;token=8a9d3710-3adb-44d8-8af2-fbe8eb39c787" alt=""><figcaption></figcaption></figure>

리소스 관리자에서 png 파일을 선택해 스프라이트 편집기로 이름 위치, 충돌, 주변광을 설정합니다.\
\*스케일, 테두리 기능은 스파인 리소스에 적용 되지 않습니다.\
\
\ <br>

***

* ## 아이템 등록

1. 아이콘, 아이템 png 이미지를 **Icons** 폴더에 넣어줍니다.

<figure><img src="https://1680940216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUj2BViEDf2ZGlshGQsJY%2Fuploads%2F082UrwUBhDwEDIK2WeA8%2F09%EC%95%84%EC%9D%B4%ED%85%9C%EC%9D%B4%EB%AF%B8%EC%A7%80%ED%8F%B4%EB%8D%94.png?alt=media&#x26;token=cb69cb66-b109-4aa2-a8de-b75f82759b39" alt=""><figcaption></figcaption></figure>

2. 데이터 베이스> 아이템에서 아이콘 이미지, 스파인 이미지를 선택해줍니다.

<figure><img src="https://1680940216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUj2BViEDf2ZGlshGQsJY%2Fuploads%2FM8PvjFoXkPZbp9SrPTPZ%2F%EC%BA%A1%EC%B2%9847.PNG?alt=media&#x26;token=b136b1be-fd79-4abb-b721-64f2e5038d54" alt=""><figcaption></figcaption></figure>

\* 아이콘: 상점, 인벤토리에서 보이는 아이템 아이콘 이미지입니다.\
&#x20;스파인 이미지: 스파인 캐릭터 위에 씌워지는 아이템 이미지 입니다.

3. 아이템의 종류를 선택해줍니다.

<figure><img src="https://1680940216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUj2BViEDf2ZGlshGQsJY%2Fuploads%2F7G530HP2M6zIGfAObmZE%2F09%EC%95%84%EC%9D%B4%ED%85%9C%EC%A2%85%EB%A5%98.png?alt=media&#x26;token=5a87943f-8803-4438-a4ed-4bc02d0075c6" alt=""><figcaption></figcaption></figure>

\*장착하고자 하는 아이템의 종류와 스파인에서의 슬롯 이름을 동일하게 설정해야 스파인 아이템으로 적용 가능합니다.<br>

| 모자   | hat          |
| ---- | ------------ |
| 갑옷   | armor        |
| 무기   | weapon       |
| 방패   | shield       |
| 날개   | wing         |
| 신발   | shoes\_left  |
|      | shoes\_right |
| 반지   | ring\_left   |
|      | ring\_right  |
| 액세서리 | acc\_left    |
|      | acc\_right   |

***

* ## 예제 활용 tip

예제 파일의 스파인 아이템을 직접 수정하여 사용하실 경우 이미지의 크기와 객체 위치를 동일하게 맞춰야 합니다.

<figure><img src="https://1680940216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUj2BViEDf2ZGlshGQsJY%2Fuploads%2F4jv2O1YvlexBNiZ7quho%2F%EB%A6%AC%EC%86%8C%EC%8A%A4%20%EC%88%98%EC%A0%95%EB%B2%95.png?alt=media&#x26;token=bc65c491-b1cc-4128-8945-76167ef95160" alt=""><figcaption></figcaption></figure>

<br>

\ <br>

<br>

<br>