# Создание сцены с трекингом на изогнутых изображениях

## Создание проекта

Первое, что необходимо сделать — создать новый проект. Для этого перейдите на вкладку  **My Projects**.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2F173hQ1Cmo2pZALqA4FpQ%2Fimage.png?alt=media\&token=520e9368-c125-4916-8eb9-2467f8b1e089)

Для создания проекта необходимо нажать на кнопку **Add new project**.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FMxPr3I4CPQXQZZBdJqxn%2FCylinder_1.jpg?alt=media\&token=a2a1254b-47d3-4dae-a28b-0759739460b9)

Откроется окно с выбором типа трекинга.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2F7nhkCKgZARpSoWExJfpf%2Fimage.png?alt=media\&token=1522f5e0-312b-4a46-be47-2fcd14bb0e56)

В данном случае нужно выбрать **AR on Curved Images** и нажать на кнопку **Create**.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2F6CtdwpaZbAyqCH6v7aTK%2FCylinder_2.jpg?alt=media\&token=6a42e858-aab8-475d-9fd5-6c8819ddf0f0)

Откроется дополнительное окно для загрузки маркера цилиндра.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2F9AeK7Uxb0WHgtguitipH%2Fimage.png?alt=media\&token=7722591b-eddf-4f13-ab17-1a3d8211a487)

{% hint style="info" %}
Маркер-изображение для трекинга изогнутого изображения должен отвечать тем же требованиям, что и для трекинга изображения. О подготовке маркера-изображения читайте в статье [kak-sdelat-khoroshee-otslezhivaemoe-izobrazhenie-dlya-dopolnennoi-realnosti](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/kak-sdelat-khoroshee-otslezhivaemoe-izobrazhenie-dlya-dopolnennoi-realnosti "mention")
{% endhint %}

После загрузки маркера в правой части окна появится сам маркер и настройки радиуса для будущего цилиндра.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2Ffk5BXlMKtgPIOpRaWQGf%2Fimage.png?alt=media\&token=fd4c4a48-8f1e-43d8-b97e-4c91d0a130b5)

В отличие от отслеживания изображений, сам маркер является настраиваемым. Здесь вы можете увидеть два параметра:

1. Upper Radius
2. Lower Radius

**Upper Radius** отвечает за радиус верхней части цилиндра.

При *малом* значении маркер сворачивается в конус. При *большом* значении маркер приобретает форму усеченного рожка мороженого (усеченного конуса).

Примеры низкого и высокого значений параметра **Upper Radius**:

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FSypkjwh0fwtGJaI0ivgl%2Fimage.png?alt=media\&token=73b6d301-701a-4114-bc39-6edb45f61543)<img src="https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2Fvhncw6dRJqMnzh4WvLs9%2Fimage.png?alt=media&#x26;token=fbfb71d5-95cf-4f57-8c9f-68e4250381db" alt="" data-size="original">

**Lower Radius** отвечает за радиус нижней части цилиндра.&#x20;

При *малом* значении маркер скручивается в перевернутый конус, напоминающий рожок мороженого. При *большом* значении маркер принимает форму усеченного конуса.

Примеры низкого и высокого значения параметра **Lower Radius**:

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2F2IYhmtNa0rnmiAYvmVt8%2Fimage.png?alt=media\&token=3f0f521d-71d4-4b12-82f1-86eaf32cee62)![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FUO22zdW89QCL2Q30kkLb%2Fimage.png?alt=media\&token=e39c4f9d-ae9b-4c25-9f85-06c12109749a)

В данном случае сцена будет создана для лимонада в жестяной банке, поэтому **Upper** и **Lower Radius** должны быть одинаковы.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FNOoFR23nOaIbbUokiFtG%2Fimage.png?alt=media\&token=f5cd247d-3c87-4c83-8d25-eb0807d4fb98)

Нажмите кнопку **Use this Image**, чтобы продолжить.&#x20;

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2Fw5cBSBTQGKXT8egqCw2l%2FCylinder_3.jpg?alt=media\&token=12e66adb-53b8-4bb9-b107-2563189b3a5d)

Откроется редактор дополненной реальности с цилиндром в центре сцены.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FHKVxOm1Nt60hxUl16GoL%2Fimage.png?alt=media\&token=ec9a0a70-712d-4fb3-8c45-688559220448)

## Добавление объектов

Сцена будет состоять всего из двух 3D-объектов. Чтобы добавить 3D-модель, нужно нажать на кнопку **+** в блоке **Model 3D**.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2F56S8G2S4hQxhS0pSwaEZ%2FCylinder_4.jpg?alt=media\&token=86eac5d6-e092-4f12-b148-fb7185e4f704)

После этого откроется окно добавления 3D-модели.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FQsjB7ND5GFtbQabc5aBH%2Fimage.png?alt=media\&token=68ce8ff9-aab2-4dcb-b94e-b46d71098d7e)

Для добавления 3D-модели с вашего устройства нужно нажать на кнопку **Upload** в нижней части окна.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2F2KUbfiMrRGc8KdSLM7XS%2FCylinder_6.jpg?alt=media\&token=5ce94e3e-866d-498c-8d53-b7013d471deb)

После выбора объекта необходимо подождать некоторое время, пока он загрузится. После этого модель появится в окне предварительного просмотра.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FToy290QyAOoXSsfu5F3G%2Fimage.png?alt=media\&token=b961ed8d-21f5-4097-b2f0-3d848ec462ce)

Вы можете использовать встроенный оптимизатор модели, нажав кнопку **Use Optimized**. Или можно загрузить 3D-модель без оптимизации, нажав кнопку **Use Original**.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FV1dlIVWaR9FSKAmkhrhK%2FCylinder_5.jpg?alt=media\&token=0a72dffe-6e21-403e-aa7e-18ea5c7970b3)

{% hint style="info" %}
Оптимизация модели помогает ускорить загрузку и работу сцены.
{% endhint %}

Окно закроется, и объект появится на сцене.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2F4cavXDkL7B9mgCI4EjXW%2Fimage.png?alt=media\&token=e32a7cff-0000-4d3f-b356-80d7b56b5855)

Теперь необходимо правильно расположить его по отношению к поверхности маркера.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2Fgr02aMvs9GGCPzFaJNzl%2Fimage.png?alt=media\&token=6d5465d8-ce9a-4db7-a5b9-6755e60a65ce)

Второй объект добавляется таким же образом и размещается в верхней части цилиндра.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FuQvuX0aJghrVYc341bR2%2Fimage.png?alt=media\&token=93c4e4c6-84fc-4c7b-bf13-2f2d5d6702b7)

Таким образом, вы можете создавать дополненную реальность с помощью отслеживания на изогнутых изображениях.