# How to expand map and add new points

[VIDEO Tutorial](https://www.youtube.com/watch?v=AC45dLCjvC0)

### <mark style="background-color:green;">How to add a new map background</mark>

1 - **Create** your own game location

2 - **Leave extra space** if it's the last map to avoid overlapping with the game interface<br>

<figure><img src="https://3431102767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGB7CK9gu3AIGgNgqIdcY%2Fuploads%2F05EAX59rk82VxHhgTB4A%2Fimage.png?alt=media&#x26;token=ef9ad72f-74a2-4e74-923a-03e9da9db224" alt=""><figcaption><p>The <strong>MAP</strong> <mark style="color:orange;"><strong>width</strong></mark> is <mark style="color:orange;"><strong>1536</strong></mark> pixels. The background <mark style="color:orange;"><strong>length depends</strong></mark> on your <mark style="color:orange;"><strong>planned levels</strong></mark> for this location</p></figcaption></figure>

3 - **Save** it in the folder <mark style="color:green;">**Assets**</mark> -> <mark style="color:green;">**BubbleShooterGameToolkit**</mark> -> <mark style="color:green;">**Sprites**</mark> -> <mark style="color:green;">**Map**</mark>

4 - **Go** to Tools -> <mark style="color:green;">**BubbleShooter**</mark> -> <mark style="color:green;">**Scenes**</mark> -> <mark style="color:green;">**Map Scene.**</mark> Or use a hotkey '<mark style="color:orange;">**Alt+2**</mark>'

5 - In the **Hierarchy** <mark style="color:green;">**Map**</mark> -> <mark style="color:green;">**MapBackground.**</mark> Create a <mark style="color:orange;">**UI**</mark> -> <mark style="color:orange;">**Image**</mark>

<figure><img src="https://3431102767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGB7CK9gu3AIGgNgqIdcY%2Fuploads%2FRiTfBZ7qEPo2VOGbgv20%2Fimage.png?alt=media&#x26;token=c234d25d-4ecf-42ad-9366-1f5da687ea64" alt=""><figcaption><p><mark style="color:orange;"><strong>*Assign any desired name</strong></mark></p></figcaption></figure>

6 - Apply texture to the empty image

<figure><img src="https://3431102767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGB7CK9gu3AIGgNgqIdcY%2Fuploads%2FVEMjdUWsmyr8AawnUoF6%2Fimage.png?alt=media&#x26;token=c6c53979-41f7-4b1d-b26f-f866da6e6560" alt=""><figcaption><p><mark style="color:orange;"><strong>*Drag and drop or select from the sprite list</strong></mark></p></figcaption></figure>

7 - Don't forget to do '<mark style="color:orange;">**Set Native Size**</mark>'

<figure><img src="https://3431102767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGB7CK9gu3AIGgNgqIdcY%2Fuploads%2FTIFagesmkvDIMBwejouX%2Fimage.png?alt=media&#x26;token=a9cc62ac-d65b-419c-a4d8-08fecc5d5058" alt=""><figcaption></figcaption></figure>

8 - Drag the new image to the end position on the scene

<figure><img src="https://3431102767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGB7CK9gu3AIGgNgqIdcY%2Fuploads%2Ffxjh5xacwIXBAwWsWrrB%2Fimage.png?alt=media&#x26;token=3cdedf38-5ddb-409e-adb3-17e2e217c0f0" alt=""><figcaption></figcaption></figure>

9 - And choose the position in the hierarchy

<figure><img src="https://3431102767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGB7CK9gu3AIGgNgqIdcY%2Fuploads%2F13G0XtrIvGEre0vxTpQm%2Fimage.png?alt=media&#x26;token=7467105d-8035-44d6-aa93-8501cc1b8ea0" alt=""><figcaption></figcaption></figure>

10 - To expand the camera's field of view, temporarily drag everything out of the 'Content' folder.

<figure><img src="https://3431102767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGB7CK9gu3AIGgNgqIdcY%2Fuploads%2FQg0U5b98K5PQkShX3Koj%2Fimage.png?alt=media&#x26;token=781dddab-d1b1-46ed-9e0f-5c751d18f878" alt=""><figcaption></figcaption></figure>

11 - Expand map visibility with the Rect Tool relative to the camera

<figure><img src="https://3431102767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGB7CK9gu3AIGgNgqIdcY%2Fuploads%2FXFw1snHYO1dmAUGzXLWQ%2Fimage.png?alt=media&#x26;token=f54be3e1-5064-4aaf-ac97-5a05e630e338" alt=""><figcaption></figcaption></figure>

12 - Don't forget to return all folders to the Content folder

<figure><img src="https://3431102767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGB7CK9gu3AIGgNgqIdcY%2Fuploads%2F8LyNnbYzKyTLI3FWS7L5%2Fimage.png?alt=media&#x26;token=31113cc3-1507-4d1e-bdfe-019b95a5f848" alt=""><figcaption></figcaption></figure>

### <mark style="background-color:green;">How to add new points</mark>

1 - Go to the hierarchy

2 - To add a new point on the map, duplicate the last level

<figure><img src="https://3431102767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGB7CK9gu3AIGgNgqIdcY%2Fuploads%2F8zAAm1sAiml1tv2TLQLI%2Fimage.png?alt=media&#x26;token=2e2fb922-ebac-4caa-8724-abcde301b2ce" alt=""><figcaption><p><mark style="color:orange;"><strong>*Rigth click -> Duplicate OR Ctrl + D</strong></mark></p></figcaption></figure>

<mark style="color:red;">**\***</mark><mark style="color:red;">The editor-created level with the same number will link to the new point automatically.</mark>

3- Drag the new points to the desired locations on the game map.

<figure><img src="https://3431102767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGB7CK9gu3AIGgNgqIdcY%2Fuploads%2FaA4KWFMoG0xThN2IxS5c%2Fimage.png?alt=media&#x26;token=e76b0ab8-eb50-4422-9248-4681ada6df0a" alt=""><figcaption></figcaption></figure>
