# Transforming Content
## Moving 3D Content
Move the model by tapping the screen with **one finger** and moving the finger around the screen.
## Scaling 3D Content
### Using Touch Screen Gestures
Scale the model by pinching the screen with **two fingers**.
### Using Metadata
You can use metadata to **persistently** transform 3D content.
If the content is too big or too small, go back to the console and [add metadata](https://docs.echo3d.com/web-console/manage-pages/data-page/how-to-add-data#adding-metadata) to affect its transformation. After adding or changing metadata **refresh the browser and relaunch the experiences** for the changes to take effect.
The following keys are words the system uses as pre-defined metadata keys to control transformations:
| Keyword | Type | Options | Effect |
|---|
| scale | float | Any positive number. Default value is 1. | Grows or shrinks the hologram uniformly |
{% hint style="info" %}
Refresh the browser and relaunch the experiences after adding metadata with WebAR experiences for the changes to take effect.
{% endhint %}
## Rotating 3D Content
### Using Touch Screen Gestures
Rotate the model by placing **two fingers** on the screen and moving them in a circular motion.
You can also use **two thumbs** and move them up and down, each thumb in the opposite direction.
### Using Metadata
You can use metadata to persistently transform 3D content.
If you can [add metadata](https://docs.echo3d.com/web-console/manage-pages/data-page/how-to-add-data#adding-metadata) to further adjust the starting rotation of the model. After adding or changing metadata **refresh the browser and relaunch the experiences** for the changes to take effect.
The following keys are words the system uses as pre-defined metadata keys to control transformations:
| Keyword | Type | Options | Effect |
|---|
| xAngle | float | Any positive or negative number. Default value is 0. | Rotates the model on the x-axis |
| yAngle | float | Any positive or negative number. Default value is 0. | Rotates the model on the y-axis |
| zAngle | float | Any positive or negative number. Default value is 0. | Rotates the model on the z-axis |
{% hint style="info" %}
Remember to [relaunch the experience](https://docs.echo3d.com/deploy-experience#launching-the-scene-viewer-app) after adding metadata with Scene Viewer experiences for the changes to take effect.
{% endhint %}
## Adding Text to 3D Content
You can add [annotations ](https://docs.echo3d.com/web-console/manage-pages/content-page/annotations)to the model from the Inspector Dialog.
{% hint style="info" %}
Remember to [relaunch the experience](https://docs.echo3d.com/deploy-experience#launching-the-scene-viewer-app) after adding metadata with Scene Viewer experiences for the changes to take effect.
{% endhint %}
## Controlling 3D Animations
{% hint style="info" %}
Controlling animations requires that you to upload pre-animated 3D assets that have a built-in animations list.
{% endhint %}
If you'd like to control built-in animations of the content, go back to the console and [add metadata](https://docs.echo3d.com/web-console/manage-pages/data-page/how-to-add-data#adding-metadata) to control animations. After adding metadata, [relaunch the experience](https://docs.echo3d.com/deploy-experience#launching-the-scene-viewer-app).
The following keys are words the system uses as pre-defined metadata keys to control built-in animations:
| Keyword | Type | Options | Description |
| ------------------- | ------- | ------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------- |
| autoplay | boolean | Either 'true' or 'false'.
Default value 'true'.
| Play the default animation automatically. |
| animationsTrigger | string | Either 'click' or 'after'. Default value 'click'. | Play the next animation by clicking the model or automatically after the previous animation. |
| animation\\_name | string | Any string that matches a name of an existing built-in animation in the asset's pre-defined animations list. | The animation's place in the sequence of the animations that is presented. |
| animation\_loop | boolean | Either 'true' or 'false'.
Default value 'false'.
| Play the animation once or in a loop. This option is available only if 'animationsTrigger' is not set to 'after'. |
For example:
| Key | Value |
| ---------------- | ------- |
| animation1\_name | walking |
| animation2\_name | running |
{% hint style="info" %}
Remember to [relaunch the experience](https://docs.echo3d.com/deploy-experience#launching-the-scene-viewer-app) after adding metadata with Scene Viewer experiences for the changes to take effect.
{% endhint %}