> For the complete documentation index, see [llms.txt](https://docs.lightact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lightact.com/content-mapping/canvas-mapping.md).

# 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="/files/z3kkNWaGVAYtdvy9XtTt" alt=""><figcaption></figcaption></figure></div>

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

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

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

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

Alternatively, just drag from the canvas onto the layer.

## Canvas Maps window

<div align="left"><figure><img src="/files/6ZFEXpqQI8Vv6h4OioLe" 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="/files/UX2k21rugEOhclFUU3K1" 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="/files/Wa8rsGr99SgDszf0TR7b" 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="/files/J9rKxfkFRWz09PYbprxv" 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="/files/fF7F24FoqgGsAoeGToiJ" 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="/files/mSTDDjHdVvANcVohAP3K" 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="/files/CXFXlsokrAaiLlsisT8I" 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="/files/UnlfmI2ZCFBxAtVOWNzI" 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="/files/kGuvn68zuwuCT5yGi4Qj" 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>
