# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.lightact.com/content-mapping/canvas-mapping.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
