> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.sayduck.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 3D Scene - What & How to use?

**3D Scene** consist of **Nodes**, **Camera** and **Lighting** that together make up your product displayed in the 3D viewer.

### Each Variant has its own 3D scene


Changing a **Variant** will change the **3D scene** you are editing. 

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-09-02-at-10411_2avcgr.png)

###### Create a new 3D scene / variant


You can create a new **3D scene** for the product with the highlighted **+ Variant** button.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-17-at-14221_1yxhvi6.png)

# How to edit your 3D Scene?


The **3D scene** on each product is fully customisable. You can add new **Nodes**, create and change **Materials** and move, scale and rotate your **Nodes**.

To learn more, watching this short tutorial video:

${youtube}[](2Sldh2nh2ms)

### Add node to 3D scene


New models can be added to the **3D scene** by:

###### Drag & drop


Drag & drop a **Mesh** from resources to the **3D scene** or the 3D viewer.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-26-at-10192_1hh1et6.png)

###### Add node


Click **Add node** and choose a **Mesh** from the dropdown. This **Mesh** will be assigned a default material and added to the 3D scene.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-26-at-10204_bboh0p.png)

### Assign material to a node


**Material** can be assigned to **Nodes** in the **3D scene** by:

###### Drag & drop


Drag & drop a **Material** from resources to **Nodes** in the **3D scene**.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/assign-material-to-node_e4qq8i.jpg)

###### Select & assign


Select **Node** and choose **Material** from the dropdown to assign it.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/choose-material_1bdt2dc.png)

### Add Node groups


To create **Node groups**, click the **Add group** button. **Nodes** can then be assigned to the group by drag & drop.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-17-at-13343_1gcm3ai.png)

###### Assign material to a Node Group


 To assign **Material** to all **Nodes** in a group, drag & drop **Material** to the group name.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/assign-material-to-node-group_18g0cti.png)

### How to remove Node from the 3D scene?


Select the **Node** and click **Remove**. This will remove the Node from the 3D scene.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-09-02-at-15263_1c2tntp.png)

### How to duplicate a Node?


Select the **Node** and click **Duplicate**. This will add a Copy of Node to the 3D scene with the same properties as the original.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-09-02-at-15300_1p9j7q1.png)

### Change node position, size and rotation


The position, size and rotation can be adjusted with the TRS tool.

###### Freeform TRS


1. Select a node

2. Enable Freeform TRS

3. Choose an option - transform, rotate or scale

4. Drag pivot arrows to adjust the model.


![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-23-at-15085_111tu0y.png)

###### Type in-value


1. Select a node

2. Adjust the Position/rotation/scale values

3. Click Save.


![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-23-at-15124_uv5ght.png)

### Lighting effect on 3D Scene


**Lighting** will effect all **Material** colours in the 3D scene. 

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-09-02-at-14460_1xxrl3d.png)