# Основы работы в ZAPWORKS STUDIO: знакомство с технологией



**Ключевые слова:** _ZapWorks Studio, Face tracking, Image Tracking, World Tracking, requirements, требования, 3D, ресурсы_

**​**ZapWorks Studio позволяет создавать приложения дополненной реальности, которые можно просматривать в мобильном приложении Zappar или напрямую в браузере.&#x20;

<table><thead><tr><th width="123">Тип отслеживания</th><th width="157">Описание</th><th>Пример</th></tr></thead><tbody><tr><td>World tracking</td><td>Студия может не только распознавать плоскости, но и привязывать контент к миру пользователя для более масштабного AR-взаимодействия. Закрепив один раз объект он всегда останется на месте, не важно, как много раз мы отводили камеру от закрепленной точки.</td><td><img src="https://docs.zap.works/static/v-e8b7829d/img/zappar-studio/getting-started/types-of-tracking/world.gif" alt=""></td></tr><tr><td>Face tracking</td><td>Отслеживание лиц позволяет позиционировать содержимое относительно лица пользователя и создавать наложения краски лица. <br></td><td><img src="https://docs.zap.works/static/v-e8b7829d/img/zappar-studio/getting-started/types-of-tracking/face.gif" alt=""></td></tr><tr><td>Image tracking</td><td>Благодаря поддержке отслеживания изображений студии вы также можете отслеживать изображения. С помощью инструментов экосистемы ZapWorks можно двумя способами из обычных изображений сделать маркеры. Эти способы мы рассмотрим в следующих блоках.</td><td><img src="https://docs.zap.works/static/v-e8b7829d/img/zappar-studio/getting-started/types-of-tracking/image.gif" alt=""></td></tr></tbody></table>

#### ​Требования к изображениям

Использование 2D-ресурсов в студии помогают разнообразить внешний вид и создавать компоненты пользовательского интерфейса, создавать пользовательские кнопки из импортированных изображений или представлять информацию с помощью пользовательских шрифтов. Студия поддерживает как изображения **.jpg**, так и **.png**, а также шрифты в формате **.ttf**.

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

Что значит loseless формат? Формат файла **.png** использует сжатие данных без потерь, что означает, что при уменьшении размера файла сохраняется его исходное качество. Однако этот метод сжатия приводит к бОльшим размерам файлов, чем те, которые экспортируются в форматы файлов, использующие сжатие данных с потерями, такие как **.jpg**.

К счастью, изображения - одни из самых простых ресурсов для оптимизации. Студия позволяет изменять формат импортируемого изображения с помощью **меню Свойств** изображения, который мы затронем в следующем блоке.

#### Требования к 3D моделям&#x20;

Помимо 2D-контента, ZapWorks Studio поддерживает использование 3D-моделей в различных популярных форматах, позволяя вам в полной мере использовать трехмерное пространство, предоставляемое дополненной реальностью. В список поддерживаемых форматов входят: **GLTF, FBX, OBJ** и **POD**.&#x20;

3D модели можно добавлять в студию как со внешних сайтов, так и через встроенный интерфейс из обширной библиотеки Sketchfab непосредственно в проект. Также можете импортировать свои собственные 3D-модели, в том числе с запеченной анимацией.&#x20;

Рекомендуемые источники для поиска 3D моделей:

* [Free3D](https://free3d.com/)
* [TurboSquid](https://www.turbosquid.com/)
* [Hum3D](https://hum3d.com/)
* [CG-trader](https://www.cgtrader.com/)
* [Adobe Stock](https://stock.adobe.com/uk/3d-assets)
* [Sketchfab](https://sketchfab.com/store)

**Список использованных источников и литературы**

1. Studio | Getting Started \[Электронный ресурс] // Официальная страница ZapWorks. – URL:  [https://docs.zap.works/studio/getting-started/\
   ](https://docs.zap.works/studio/getting-started/)
2. Studio | Optimizing Your Experience \[Электронный ресурс] // Официальная страница ZapWorks. – URL: [https://docs.zap.works/studio/workflow/optimizing-your-experience/](https://docs.zap.works/studio/getting-started/)
3. General | Sourcing Assets \[Электронный ресурс] // Официальная страница ZapWorks. – URL: [https://docs.zap.works/general/design/sourcing-assets/](https://docs.zap.works/general/design/sourcing-assets/)
