# INTERACTIVE AREAS

## Selecting an asset

There are two ways to select an asset:

* **Click** on it
* **Draw** a selection box around it.

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2Fj5r9fpysTpjtSWOLwn7t%2Fezgif-5a19519d1d2d53.webp?alt=media&#x26;token=bff31920-acea-4dec-945f-f9f5f362aced" alt=""><figcaption><p>Clicking or drawing a box can select an asset</p></figcaption></figure>

## Selecting multiple assets

There are two ways to select several assets:

* **Click** on one asset, hold <kbd>🡅 SHIFT</kbd> and click on the next asset &#x20;
* **Draw** a **selection box** around all the assets you want. Hold <kbd>🡅 SHIFT</kbd> and draw another selection box to add to the first selection.

{% hint style="info" %}
*If you want to draw a selection box inside a* [*Pattern*](https://unofficial-dd-manual.gitbook.io/dungeondraft/all-the-tools/design-tab/pattern-shape-tool)*'s bounds, you'll need to hold* <kbd>🡅 SHIFT</kbd> .
{% endhint %}

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2F2k3QfmiFjFmgv1kzRfIg%2Fezgif-7d7233110e63a2.gif?alt=media&#x26;token=be12602f-9851-4565-afb3-6e41caf4c795" alt=""><figcaption><p>Holding SHIFT or drawing a box can select several assets</p></figcaption></figure>

{% hint style="danger" %}
You can't select [Walls](https://unofficial-dd-manual.gitbook.io/dungeondraft/all-the-tools/design-tab/wall-tool) and [anchored Portals](https://unofficial-dd-manual.gitbook.io/dungeondraft/design-tab/portal-tool#free-placement-and-rotation) with by draggin a selection box, they need to be selected by clicking on them.
{% endhint %}

## Clicking area

An asset can be selected when you hover your cursor over any non transparent pixel of that asset. \\

In the screenshot below, the transparent assets are in red, so you need to be anywhere but in the red area to select an asset. This works for any kind of selectable asset.&#x20;

{% hint style="info" %}
The red is not part of the program, it's just here for you to vizualize better the transparent parts for this asset.
{% endhint %}

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2FzSMajKVHSHTfIZJTp8ua%2Fimage.png?alt=media&#x26;token=5e49fd54-7d6a-4ba8-b747-41c06c1b7e29" alt=""><figcaption><p>Red = non selectable area</p></figcaption></figure>

When the asset becomes **selectable**, you will wee a **yellow box** around it.

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2Fr41sVb3h6kPC4Cfv1bom%2Fimage.png?alt=media&#x26;token=0249f936-db26-41d4-97fe-6d1fbb76fe04" alt=""><figcaption><p>Yellow = possibility to select the asset</p></figcaption></figure>

To **select** the asset, **click** on it when you see the **yellow box**. The box will change to a **blue** one, meaning the asset is now **selected**.

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2FAyfk4kgjIjsWl16zK2dm%2Fimage.png?alt=media&#x26;token=e0ac7f47-e3f4-4cff-b4a9-bcb0701138cc" alt=""><figcaption><p>Blue = selected asset</p></figcaption></figure>

## Move, Rotate, Resize

When an asset is selected, you can:

* **Move** it by clicking in the area represented by the <mark style="color:blue;">**blue**</mark> area (including the asset itself) in the screenshot below. Your cursor will change to a **cross with four arrows**. Click and drag the asset to move it somewhere else.

* Freely **rotate** it by clicking in the area represented by the <mark style="color:yellow;">**yellow**</mark> area in the screenshot below. Your cursor will change to a **hand**. Click and drag to rotate. You can also rotate the asset by 30° steps with your <kbd>MOUSE WHEEL</kbd> (press <kbd>Z</kbd> for 10° increments).

{% hint style="info" %}
For some reason, before placing an asset with its own tool, rotations with the **mouse wheel** are respectively 15° and 5° steps, but in the Selection Tool, they rotate with 30° and 10° steps.
{% endhint %}

* **Resize** it by clicking in the area represented by the <mark style="color:green;">**green**</mark> area in the screenshot below. Your cursor will change to a **double arrow**. Click and drag to resize.

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2FYG2zK8ZPuBLPhRHWO78E%2FMoveREsizeRotate3.png?alt=media&#x26;token=b94a5b8d-02d9-4e7a-94e6-e997b3f31e4a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
These areas are not tied to the asset but to the zoom percentage of your map. They will always be the same size on your screen, so the more zoomed in you will be, the closer from the asset the areas will be.
{% endhint %}

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2FlV8spW5lQq5SMWRlkWSN%2Fezgif-56f04a81b1297a.webp?alt=media&#x26;token=10b16024-32d6-4436-a290-099e1c280a9a" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Pro Tip:** *If you can't select an asset because another one is too close, try to change the zoom value, it can help.*
{% endhint %}

## Move and Snap to grid

If you want to snap to grid an asset that is off grid, enable **Snap** by click on <kbd><mark style="color:blue;">**Snap**<mark style="color:blue;"></kbd> in the [bottom bar](https://unofficial-dd-manual.gitbook.io/dungeondraft/introduction/new-map-first-steps/useful-interface-buttons#bottom-bar) or press <kbd>S</kbd> , then select your asset and drag it until it snaps.

{% hint style="warning" %}
When you try to move a **copied asset** right after its copy, it usually has an **offset snap** for some reason. You can reset that by **unselecting** the asset and **selecting** it again.

<p align="center"><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2F47F0z1gWV9wFqo2X98JU%2Fezgif-5455e19c67a5ca.webp?alt=media&#x26;token=4bd944c9-7c85-4fd8-b438-80a6a491246f" alt=""></p>
{% endhint %}

***

{% hint style="info" %}

## Related Mods

* [Custom Snap](https://unofficial-dd-manual.gitbook.io/dungeondraft/custom-assets-and-mods/some-useful-mods/custom-snap) adds a button to auto-snap your selection, even with multiple assets selected
  {% endhint %}
