> For the complete documentation index, see [llms.txt](https://docs.candy-smith.com/main/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.candy-smith.com/main/bubble-shooter-toolkit/tutorials/how-to-expand-map-and-add-new-points.md).

# 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="/files/fQO09PtCnxccG71GhTtL" 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="/files/pkhdhou5IFQee4BHhT7a" 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="/files/XstQKWRrqGLtNu0sbBJF" 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="/files/F2en8AaOYHRzyqgrCcIS" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/8CisnvqlM5F7FcWvv9PS" alt=""><figcaption></figcaption></figure>

9 - And choose the position in the hierarchy

<figure><img src="/files/7fTJgIiIORF6Z0JvwmMt" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/GXttTg80Bsn4VdcWBKW9" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/Xp3Ihj9CgLZzkdeWfBuI" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/F0wz3BCK9cwIwg5oYQ7T" 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="/files/A91Eq73JkXohX37SqHp8" 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="/files/u55kF7tt6id7s0ZKDKuf" alt=""><figcaption></figcaption></figure>
