> For the complete documentation index, see [llms.txt](https://docs.sandbox.game/the-game-maker-academy_kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sandbox.game/the-game-maker-academy_kr/tutorials-1/medium-tutorials/building-a-social-hub/social-hub-components.md).

# 소셜 허브 컴포넌트

소셜 허브를 제작할 때 사용 가능한 컴포넌트에 대해 알아보겠습니다.

등반 컴포넌트

경험 내 오브젝트에 **Climbable 컴포넌트**를 추가하여 플레이어들이 **여기저기 탐험하고 발견**할 수 있도록 합니다. 이는 랜드의 전체 면적을 **최대한 활용**할 수 있는 좋은 방법이기도 하죠.

![](https://4143380045-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MO_j99BJEXK4zHqxgqS%2F-MkjPOoV2eSiGFT1fQQC%2F-MkjS7f77tS_MzTDRQxp%2FClimb_Gif.gif?alt=media\&token=80afa203-25d0-42d3-8abf-7bc4707beb00)

가장 높은 곳까지 올라가려는 플레이어들을 위해 **장애물**이 있는 구간이나 **숨겨진 지역**을 만들어 보세요. 어느 쪽이든, Climbable은 경험에서 **빼놓을 수 없는 요소**입니다.

스피커 컴포넌트

**Speaker 컴포넌트**는 허브 방문자들에게 **정보를 공유**할 수 있는 또다른 방법입니다. **개별 플레이어들에게만 보여지며**, 경험 내 다른 플레이어들과 동기화되지 않습니다.

![](https://4143380045-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MO_j99BJEXK4zHqxgqS%2F-MkeytaOkWlTZU5zg5mr%2F-Mkf04fCMKlxkoR7A4Jk%2FSpeaker_Gifs.gif?alt=media\&token=4e4ac524-34c9-4d87-b8c4-d59187219754)

플레이어가 **E 키**를 눌러 Speaker 컴포넌트가 추가된 오브젝트와 상호작용하면 텍스트 박스가 팝업으로 뜨며 주요 **아이디어**나 **힌트**, **지침** 등 플레이어와 나누고 싶은 정보로 이 텍스트 박스를 채울 수 있습니다.

희귀도 VFX 컴포넌트

**Rarity VFX** 컴포넌트는 경험에 입장한 플레이어들의 눈길을 사로잡으며 **특정 지점을 강조**할 수 있는 유용한 도구입니다.

![](https://4143380045-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MO_j99BJEXK4zHqxgqS%2F-MkjPOoV2eSiGFT1fQQC%2F-MkjaD8icCNvGa9Ky5CA%2FRarity_Gifs.gif?alt=media\&token=231eb4c6-2a64-425e-a6b4-7706f2d19861)

애셋의 **희귀도에 따라 다른 색으로 반짝이는 컬러**와 함께 내 NFT 컬렉션을 자랑할 수 있죠.

**기본 애셋을 투명**하게 만들어 반짝이는 효과만 남겨서 이를 또다른 창의적인 방법으로 활용할 수도 있습니다.

이미지와 NFT 디스플레이 컴포넌트

커뮤니티가 **NFT PFP 컬렉션**을 보유하고 있다면, **메타버스에서 해당 컬렉션을 바로 보여주는 것**만큼 좋은 방법은 없겠죠!

![](https://4143380045-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MO_j99BJEXK4zHqxgqS%2F-MkeytaOkWlTZU5zg5mr%2F-Mkez__beGO_29Cy5TiH%2FNFT_Display_Gif.gif?alt=media\&token=2d410691-539e-4dda-b127-f9eba761f0d2)

**NFT Display** 컴포넌트는 **프레임이 있는 오브젝트**에 오**픈시 링크**를 바로 연결해 줍니다. 현재는 정적인 이미지 (gif나 영상은 아직 미지원)만 적용 가능하나, 내가 보유한 컬렉션으로 소셜 허브를 장식하기에 아주 완벽한 방법입니다.

오브젝트에 오픈시의 NFT 링크를 연결하는 방법은 [**여기**](https://sandboxgame.gitbook.io/the-game-maker-academy_kr/QXVjiJZSETueiVsHSiOX/components/types-of-components/displaying-external-nfts)를 참조하세요.

{% hint style="info" %}
디스플레이를 더 다양한 방식으로 커스텀하고 싶다면 복스에딧을 이용해 **이미지를 복셀 기반 애셋으로 변환**한 다음 더 샌드박스로 불러와 보세요!

{% endhint %}

표시기 컴포넌트

Indicator 컴포넌트를 이용해 오브젝트 위에 **이름** 등의 텍스트를 **영구적으로 표시**할 수 있습니다.

![](https://4143380045-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MO_j99BJEXK4zHqxgqS%2F-MkjPOoV2eSiGFT1fQQC%2F-MkjbxxTxrGm7Pt3_8X4%2FIndicator_Gif.gif?alt=media\&token=6ee8e646-8e3b-47a8-a162-186f82443569)

**Indicator 컴포넌트 내 옵션**을 이용하여 플레이어가 오브젝트에 가까이 가면 **메시지를 표시**하여 **상호작용**하는 방법을 알 수 있게 합니다.

Indicator 컴포넌트에서 **Quest Cursor를 켜면** 오브젝트 위에 **플레이어가 해당 오브젝트로부터 얼마나 멀리 떨어져** 있는지 표시합니다.

{% hint style="info" %}
**Quest Cursor**는 일반적으로 퀘스트 설계에 사용되며 멀티플레이어 환경에서는 작동하지 않습니다.
{% endhint %}