# 프레임 도구

프레임 도구: 프레임 도구를 이용하여 **게임 메이커**에서 이미지 디스플레이 혹은 NFT 이미지 컴포넌트와 함께 사용할 영역을 지정합니다. 이 컴포넌트는 해당 영역의 텍스쳐를 원하는 이미지나 NFT로 대체합니다.

![](https://lh4.googleusercontent.com/GKAaUw9q39Psvbv1T0SVxHRjOpCaa9S8LFSYZkNLgnlWbpzSfrV6Kvs5GezFpObJg3xdr5HMvnUWevpeo8UPYCwMb2vvV45xgU_4d-3k8-sYAk_4Cj2ytYGcu9hCwqrV-1POj7CD)

{% hint style="warning" %}
**애셋에서 프레임 도구를 사용할 때 따라야 할 특별 요소입니다. 이를 따르지 않으면 이미지가 올바르게 표시되지 않거나 게임 메이커 내에 *****NFT IMAGE***** 및 *****Image Display***** 컴포넌트를 추가할 수 없습니다.**

* 모델의 볼륨 치수는 짝수여야 합니다 (예: 64x64x2, 120x40x6). 치수의 값이 짝수가 아닐 경우 애셋이 *Image Display* 컴포넌트와 호환되지 않습니다.
* 애셋에 애니메이션을 추가할 수 **없습니다**.
* 프레임 영역으로 모델에 연결된 노드를 **이동하거나 회전할 수 없습니다**. 프로젝션은 \[0,0,0] 좌표를 기준으로 모델 위치에 고정됩니다. 모델을 이동하거나 회전하면 프로젝션 영역이 게임 메이커 내에서 일치하지 않습니다.
  {% endhint %}

<div align="left"><figure><img src="https://1352604173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuyuSOsS6ZU5Q6idzJx5f%2Fuploads%2FAspBpfnInnHF5VjCEnuI%2FGame_Maker_qSKuzct8xV.gif?alt=media&#x26;token=b11e1bd5-c407-4469-b600-da1cc07b6b17" alt=""><figcaption></figcaption></figure> <figure><img src="https://4251931498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA7TKuVjlMbrvyTcIdz0U%2Fuploads%2F7bXArZKvhMLrVvbtZ62w%2FUntitled.png?alt=media&#x26;token=f80a9cb4-63dd-4c32-874a-a58879048a14" alt=""><figcaption></figcaption></figure></div>

프레임 영역의 비율과 사이즈는 게임 메이커에서 이미지를 늘리거나 조정할 수 있으므로 특별한 제한이 없으나, 16/9 또는 정방형(1/1)을 권장합니다.

<figure><img src="https://1352604173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuyuSOsS6ZU5Q6idzJx5f%2Fuploads%2FZzq0ZvDjVyXOZ1Axddpd%2Fframe%20tool.gif?alt=media&#x26;token=9bc66fba-511a-487b-98c6-25603ff71ca5" alt=""><figcaption></figcaption></figure>

## 테크닉 <a href="#techniques" id="techniques"></a>

### 이미지 띄우기 <a href="#floating-image" id="floating-image"></a>

프레임 영역 아래에는 복셀 표면이 필요하지 않습니다. 영역을 그린 다음 복셀을 삭제해도 영역은 활성화된 상태로 유지됩니다. 이렇게 하면 이미지가 공간에 떠 있는 것처럼 만들 수 있습니다.

<figure><img src="https://1352604173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuyuSOsS6ZU5Q6idzJx5f%2Fuploads%2FLQGHrf1mZPSNbFgK2eA9%2FFloating%20image%20(1)_3.gif?alt=media&#x26;token=a95bce15-0153-4916-92f4-ea6549c412e5" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
위 영상과 같이 이미지의 한쪽 면만 표시됩니다.
{% endhint %}