# 3D Анимации

[MyWebAR ](https://mywebar.com/)поддерживает анимации, встроенные в 3D-модели GLB. Есть несколько способов вызвать воспроизведение анимации.

## Воспроизведение анимации после загрузки сцены

Если вы хотите, чтобы анимация воспроизводилась автоматически, выберите 3D-объект на сцене.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FOcbrbAkOiuqpWnggynrq%2FAnimation_1.jpg?alt=media\&token=469dcbc2-cd73-4af6-a6c5-e2665ab90150)

Нажмите на кнопку <mark style="color:blue;">**Add Action**</mark> на панели [**Properties** ](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/svoistva-obekta)справа.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FgzmhCJdR1ZdTbIFCQ3ul%2FAnimation_2.jpg?alt=media\&token=234ba9e8-0c6b-4ecb-8a76-071b8d4373b2)

Выберите <mark style="color:blue;">**Play Model Animation On Start**</mark> из списка и нажмите на него.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FYVgyfZiYY4een8wQsby6%2FAnimation_3.jpg?alt=media\&token=517b0916-7fab-409d-841a-4af6ad01e9d2)

Щелкните на только что добавленном действии, чтобы раскрыть его свойства. Если ваш файл GLB содержит несколько анимаций, вы можете указать индекс анимации, которую вы хотите запустить.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FIWaCYrZaJM6bBv9VuxCS%2FAnimation_4.jpg?alt=media\&token=65be3244-08c3-4c8c-9d5b-2de9a24c3601)

<mark style="color:blue;">**Опубликуйте**</mark> проект, чтобы применить изменения.

## Воспроизведение анимации при нажатии на объект

Если вы хотите воспроизвести анимацию при нажатии на 3D-объект, выберите его на панели <mark style="color:blue;">**AR content**</mark> в левой части редактора.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2Ftx7MPVK2FuCD3WBCRXaZ%2FAnimation_1.jpg?alt=media\&token=1ac4c054-ef85-4bde-b3c0-a54f7f0f3a22)

Нажмите на кнопку <mark style="color:blue;">**Add Action**</mark> на панели [**Properties** ](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/svoistva-obekta)справа.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FgzmhCJdR1ZdTbIFCQ3ul%2FAnimation_2.jpg?alt=media\&token=234ba9e8-0c6b-4ecb-8a76-071b8d4373b2)

Выберите <mark style="color:blue;">**Play/Pause Model Animation on Click**</mark> из списка и нажмите на него.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FGPfjl6SBBJgq0iiU1HvA%2FAnimation_5.jpg?alt=media\&token=bff3b210-4ae2-4bee-b4ce-9bde0ad2c0ee)

Опубликуйте проект, чтобы применить изменения.

## Воспроизведение анимации при нажатии на кнопку

Если вы хотите воспроизводить анимацию при нажатии пользователем на виртуальную кнопку, вам необходимо сначала добавить вашу будущую кнопку на сцену.&#x20;

В качестве кнопки можно использовать любой тип объекта, но в данном руководстве мы будем использовать PNG-изображение.

Выберите 3D-объект на панели <mark style="color:blue;">**Objects**</mark> в левой части редактора/

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FNi1qRK6NoB0p5PlwLgFW%2FAnimation_6.jpg?alt=media\&token=df6a76f5-d791-45bd-b0be-1efce8ac1922)

Нажмите на кнопку <mark style="color:blue;">**Add Action**</mark> на панели [**Properties** ](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/svoistva-obekta)справа.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2F7H08b8BlQ1TvkKjcrICl%2FAnimation_7.jpg?alt=media\&token=b33e5a8a-a678-4ca8-85e1-7d0df9b33a6f)

Выберите <mark style="color:blue;">**Play/Pause Model Animation on Click**</mark> из списка и нажмите на него.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2F9A2shuPW3r4ZhgEpJXuM%2FAnimation_8.jpg?alt=media\&token=a1d05156-171d-4847-951e-66ae84afb2de)

Щелкните на элемент <mark style="color:blue;">**Play/Pause Model Animation on Click**</mark>, который вы только что добавили, чтобы раскрыть его свойства и выбрать объект Events source (который будет работать как кнопка) из выпадающего списка.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FQcolbKd9KHdudffsXBOD%2FAnimation_9.jpg?alt=media\&token=b05eb143-d71f-4c65-a730-a6dfa3b4d952)

<mark style="color:blue;">**Опубликуйте**</mark> проект, чтобы применить изменения.