# Canvas Maps

{% hint style="info" %}
**Good to know**: Canvas Maps is the name of the window where you create canvas mappings.
{% endhint %}

## Creating and mapping to a canvas

<div align="left"><figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2FJgv2o26bioYF9towxZf4%2Fimage.png?alt=media&#x26;token=6143c99e-50d3-4698-8520-fa3e028b84f7" alt=""><figcaption></figcaption></figure></div>

You can create a canvas in **Canvas Maps** or **Thumbnails** windows.

<figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2F3eVQ6jfPm5KjoQoasjgD%2Fimage.png?alt=media&#x26;token=274903a0-25bf-4518-9a5e-de5af4662cad" alt=""><figcaption></figcaption></figure>

To render to a Canvas, select the canvas in the Mapping dropdown.

<figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2FrhC4n68LT4WEWcMftmWF%2Fimage.png?alt=media&#x26;token=7175fe6c-efe3-4ea1-ac1f-01432278249d" alt=""><figcaption></figcaption></figure>

Alternatively, just drag from the canvas onto the layer.

## Canvas Maps window

<div align="left"><figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2FsAXn9IcbCEwifFcVhNOu%2Fimage.png?alt=media&#x26;token=d750355a-4a02-47a2-821d-55284829b31e" alt=""><figcaption></figcaption></figure></div>

To map an entire canvas onto a viewport object, just drag from the arrow onto the viewport object.

### Mapping subareas

<div align="left"><figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2FPZKqUf2GAtfUoSwRDCxu%2FcreatingSubAreas.gif?alt=media&#x26;token=492ad0fb-8225-42cd-9d15-a61ab934a61d" alt=""><figcaption></figcaption></figure></div>

You can of course map just a subarea of a canvas. To create a subarea you can Shift+drag on a canvas.

<div align="left"><figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fr25nv5JRnUoHnrdY6NN3%2Fimage.png?alt=media&#x26;token=15fdb10b-2ebd-48f3-ab00-13fd51849ced" alt=""><figcaption></figcaption></figure></div>

Alternatively, you can just right click to bring up the menu where you select **Create a subarea**.

<div align="left"><figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2FrKIFLwgVHYlo742t0T2L%2Fimage.png?alt=media&#x26;token=24bb681f-810e-441f-b545-f709323b0911" alt=""><figcaption></figcaption></figure></div>

If you right click on an existing subarea, you'll bring up a menu where you can further **edit the subarea**.

<div align="left"><figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2FafDoll0Uf5A4gRIGeg1U%2FmappingSubarea.gif?alt=media&#x26;token=ec00c195-0b13-4674-a26b-d373888c6af7" alt=""><figcaption></figcaption></figure></div>

To map a subarea, just drag from the arrow onto the destination viewport object.

{% hint style="info" %}
**Good to know**: in relation to Canvas Maps, when we refer to a Mapping, we mean the connection between source (sub)area and the destination subareas.
{% endhint %}

### Editing the mapping

<div align="left"><figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fw3lY6KoTnLXklpBjphkv%2Fimage.png?alt=media&#x26;token=2dd25a58-2177-41c9-a395-3112d0c94406" alt=""><figcaption></figcaption></figure></div>

If you right click on the destination subarea, you can further edit the mapping. Explore various options. One of the most powerful one is **Create layout**.

### Mapping layout

<div align="left"><figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2F3boH9LZeohr5kyP2eGGr%2Fimage.png?alt=media&#x26;token=cf9e2017-ab9e-43fb-86d3-4edc3ec9e809" alt=""><figcaption></figcaption></figure></div>

If you click on Create layout, you'll create a node Layout dedicated just to this particular mapping.

<figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2FREdzswNT6OIUeyH1ibqY%2Fimage.png?alt=media&#x26;token=4e7f011b-7dd1-4ce3-8b8b-8e774f489203" alt=""><figcaption></figcaption></figure>

In this layout, you have all the power of LightAct's Layout system at your disposal. By default there is just one *Mesh Warp* node there, but you can add any other nodes you might want.

<div align="left"><figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2FKV06bihQGPCbPHuoeuTo%2Fimage.png?alt=media&#x26;token=4feea44d-2efd-46a2-be50-3684b28bb67a" alt=""><figcaption><p>A screenshot of a Mesh warp inside a Mapping layout with the effect shown in the Viewport object.</p></figcaption></figure></div>
