# 선택지로 분기 - 이미지형

이번에는 \[선택지로 분기] <mark style="color:purple;">**`[이미지형]`**</mark>에 대해서 알아 보겠습니다.😊

플레이어의 몰입도를 높이고, 단순 텍스트보다 시각적인 이미지를 제공할 때 보다 효과적인 선택지가 있다면, 이 기능을 활용하시면 좋습니다.

***

현재 시작 블록이 선택되어 있는지 확인 하신 후, \
블록 편집기 하단의 플러스 버튼을 선택하면 나오는 창에서 \[선택지로 분기]를 선택 합니다.

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FZ4zRdnVuHTicX7t6Hitj%2Fimage.png?alt=media&#x26;token=fa2eda5b-bed1-4489-a80d-e8bbbed2ade9" alt=""><figcaption></figcaption></figure>

현재 블록의 맨 하단에 아래와 같이 선택지로 분기가 추가되는 것을 볼 수 있습니다. \
추가 된 **\[선택지로 분기]**&#xC5D0;서 **\[수정]**&#xC744; 눌러 주세요.&#x20;

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2F6kiBeQ6QBuuvZEpLU9vk%2Fimage.png?alt=media&#x26;token=a39b3018-62c1-4094-a180-17a0d7a82219" alt=""><figcaption></figcaption></figure>

**\[선택지로 분기]** 팝업창이 나옵니다.&#x20;

상단의 드롭 박스를 **\[이미지형]**&#xC73C;로 변경 해 주세요!

***

**\[텍스트형]**&#xACFC; 마찬가지로 선택할 분기명, 이어질 블록을 설정하는 것은 동일하지만, \
이미지를 업로드 할 수 있는 창이 등장합니다.&#x20;

여기에 선택할 분기의 이미지를 업로드 할 수 있어요.

<div align="left"><figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2F78Fef2SN01vREDEInkEO%2F33.png?alt=media&#x26;token=932fc233-05d6-4063-86f8-50e58e49ab4e" alt="" width="563"><figcaption></figcaption></figure></div>

아래와 같이 입력한 뒤 **저장하기**를 눌러 보겠습니다.

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FA50UdAfn0QYiFExDPwX7%2Fimage.png?alt=media&#x26;token=c1a08bfa-2abc-4397-b04c-b2ccf2e610dc" alt=""><figcaption></figcaption></figure>

블록 편집기에서는 **\[선택지로 분기]**&#xAC00; 이미지를 포함한 형태로 변경 되었네요!!

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2Flhadfx7pIkTxYNzLkgMq%2Fimage.png?alt=media&#x26;token=3c435e58-add1-4502-8913-dcaeac30ff3f" alt=""><figcaption></figcaption></figure>

***

실제 플레이 시에는 아래와 같은 형태로 나타나게 됩니다.

<div align="left"><figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2Frg6bK2pPlI1hu7Ssgaea%2Fimage.png?alt=media&#x26;token=6ae58a9a-4894-4384-9d98-3dff94e06e4c" alt=""><figcaption></figcaption></figure></div>

플레이어는 위 이미지에서처럼 보이는 이미지 자체를 클릭해 선택을 한 후, 다음으로 넘어가게 됩니다.
