> For the complete documentation index, see [llms.txt](https://lahmeneffa.gitbook.io/dopolnitelnaya-realnost/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lahmeneffa.gitbook.io/dopolnitelnaya-realnost/proekt-s-ar-ploskostyu.md).

# Проект с AR плоскостью

Наши проекты мы будем начинать с объектов по умолчанию (камеры AR). Если вы пропустили момент, как добавлять AR камеры и настраивать проект под AR, то рекомендую пройти предыдущий урок. 

{% content-ref url="/pages/M5Zx4rDbLDX97HGqBqdp" %}
[Создание простого проекта AR](/dopolnitelnaya-realnost/sozdanie-prostogo-proekta-ar.md)
{% endcontent-ref %}

Создадим AR plane manager, который будет отвечать за отображение наших трех плоскостей в пространстве. 

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2Fbf1Ewm9fG1EPcbog2rRe%2Fimage.png?alt=media\&token=7c055443-52f2-4227-b074-dcae5f50a03b)

Создадим свою плоскость для более правильного отображения в реальности:

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FOSbdgYuG1Xj9ZzZKQWLH%2Fimage.png?alt=media\&token=ad2e5343-8177-49d6-8d62-c11f3b7e7830)

Даем произвольное имя этой плоскости:

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2Fi7EtkKJdy50A4gGB7Oy1%2Fimage.png?alt=media\&token=74fa4858-941b-4f3a-a892-4e7b90e9b1ae)

Разместим, получившуюся плоскость по центру, для этого обнулим все координаты позиций этого объекта:

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FJBbnF4ogMxu2veZoLvZK%2Fimage.png?alt=media\&token=6d86987c-6329-4a20-be51-b9f46107bb32)

Добавим AR компоненты для этой плоскости:

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2Fm6MDNPeW6rPLLpWApOpc%2Fimage.png?alt=media\&token=70d4a15a-9042-4ac8-ad47-e0271bedf9e7)

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FhAYYtKEykPF35MPtpvSC%2Fimage.png?alt=media\&token=674e0f0d-fa8c-4997-8b60-2ef20835993c)

![Все 3 компонента из слайда](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2Fq2EQ9XAjgIIDELYRt0Lm%2Fimage.png?alt=media\&token=6c7b5968-67de-484b-9a3f-641815569163)

Добавим компонент, отвечающий за прорисовку границ нашего объекта:

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FeIv5iQeh8L04fauQ1AeF%2Fimage.png?alt=media\&token=5e29858b-ecf6-4882-b0a3-7ea270812c41)

Настроим компонент Line Render. Настроим цвет границы, толщину границы.

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2Fi1Hsl2ikjLA08UQGAeEg%2Fimage.png?alt=media\&token=91da753f-ee39-43c6-8f05-a59cfa9a9f83)

Добавим сглаживание углов

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FOJUTHYsTxam8Z5glbuN1%2Fimage.png?alt=media\&token=9987962b-e73a-4dc8-b30c-43b78caf4a90)

Снимаем галочку Use world Space

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FcKdkB8M5hVB1bneDO3am%2Fimage.png?alt=media\&token=3b6c9b03-b3f1-4306-bbbb-09a0103714d4)

Убираем тени

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FrRP4mxqxZH1eiP99IRuD%2Fimage.png?alt=media\&token=1329f749-ff99-4a33-8654-f6b24f409645)

Выбираем стандартный материал:

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2F9EbrKR92NNOvewVQsuCr%2Fimage.png?alt=media\&token=d48720c4-455e-459f-8448-e5b3c6085d48)

Отлично! Теперь создадим прозрачные свойства для нашей плоскости. Для этого необходимо создать прозрачный материал и применить его на нашу плоскость. Для организации файлов нашего проекта создадим папку, где будем хранить все материалы нашего проекта. Паку назовем Material.

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FiuWt9ZOVSmcMiAG64xEc%2Fimage.png?alt=media\&token=8de1688d-515d-41d1-9968-7b7ee1aa24db)

Внутри папки создадим материал

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FN6wFVnPQOp3ZrwYL8Hv7%2Fimage.png?alt=media\&token=746cec82-ed6c-4eb3-ba73-24bbbee9f4f3)

Переименуем и дадим свободное название:

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2Fuqe6Zy8MaAMdSN8B2tvD%2Fimage.png?alt=media\&token=7f56ea15-7beb-4182-9ad2-4de522b9c29b)

Зададим свойство прозрачности "Transparent"

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2F7efZTMI5XvojYN2rK2Fc%2Fimage.png?alt=media\&token=7d4402ed-f198-45a7-acc7-67f6c501128f)

Установим прозрачный цвет

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FkuWGiZsfOXJx3FJpVttW%2Fimage.png?alt=media\&token=ed11d2ae-2904-4317-9673-f32e6f0bc269)

Добавим наш материал, который только что получили к нашей плоскости:

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FbPjwby19OCFGWtZzzB6F%2Fimage.png?alt=media\&token=e9881206-0e1f-48c5-af24-ec85691033d0)

Добавим нашу плоскость в AR session origin для того, чтобы она отображалась на телефоне.

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2Fqq3Ibyeqw5xYmGGZZ7e3%2Fimage.png?alt=media\&token=9d91dc26-8e4c-40ac-83ff-5b70b3dcbf3a)

Отлично, теперь строим проект и смотри что получилось

![](https://2885041533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjsYgEuPnlYNVdII9YB%2Fuploads%2FFkZJzwoRjZI18k4GfS8b%2Fimage.png?alt=media\&token=2fc7fe4b-2d97-4073-943c-35f9bddafed7)