> For the complete documentation index, see [llms.txt](https://armo-1.gitbook.io/areality-placer-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://armo-1.gitbook.io/areality-placer-pro/guides/add-new-ar-objects.md).

# Add new AR Objects

From this chapter we are looking at how to add new AR objects to your app. Follow the easy steps below.

&#x20;

### Prerequisites

* 3D model
* Icon of 3D model (It’s good to have but not required)

&#x20;

1\.      Go Assets->AReality Placer ->Scenes folder and double tap on AR scene to load the scene. (Fig. 1)

&#x20;

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2F19Y5LzN3X55Yp6epcTdQ%2Fimage.png?alt=media&amp;token=e43a31c4-ab95-46eb-8b46-217d896a037b" alt="" width="518"><figcaption><p>Fig. 1</p></figcaption></figure>

2\.      Go to Assets-> AReality Placer -> Meshes folder. (Fig. 2)

&#x20;

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FBcD7ihYrNlwZEqPOrDVn%2Fimage.png?alt=media&amp;token=0ccfe574-b6a6-41ad-bea9-88661cc922e3" alt="" width="512"><figcaption><p>Fig. 2</p></figcaption></figure>

3\.      Drag and drop your 3D model to this folder. (For our case we added a 3D car model to meshes folder) (Fig. 3)

&#x20;

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FrlZPfhHiBNgI8YIDPg6A%2Fimage.png?alt=media&amp;token=4f8c280f-c0c1-4183-97df-70367024493d" alt="" width="530"><figcaption><p>Fig. 3</p></figcaption></figure>

4\.      In the hierarchy window, right click then select Create Empty. (Fig 4)

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2F6uBukYB4ALRHeIEOTI6m%2Fimage.png?alt=media&amp;token=71e2c77c-340a-44c6-a2a3-d4c9e2f1c6e1" alt=""><figcaption><p>Fig. 4</p></figcaption></figure>

5\.      Select Empty game object and rename it to your 3D object’s name. In our case Car. Then change click 3 dots next to transform and click reset to reset the transform.

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FNLdccbq2ITnNLiBgEZu7%2Fimage.png?alt=media&amp;token=37f52435-40a3-4048-b1d5-fb272d290f20" alt=""><figcaption><p>Fig. 5</p></figcaption></figure>

6\.      Then drag and drop your imported 3d model into the new empty object. In our case the car object to empty object just created. (Fig. 6)

&#x20;

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FBQzuiKvF7h7HNcMzm3SL%2Fimage.png?alt=media&amp;token=766b7649-6960-4b8b-9752-c6514057186b" alt="" width="563"><figcaption><p>Fig. 6</p></figcaption></figure>

7\.      Then it looks like this. The Car 3D model is a child of the empty car game object. Double tap on Car empty object to focus the object. (Fig 7)

&#x20;

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FOVxPqCOcm2xATRvrOIlm%2Fimage.png?alt=media&amp;token=25bc6d71-d43c-4db1-abd2-70b4d5e11fc7" alt=""><figcaption><p>Fig. 7</p></figcaption></figure>

8\.      Select Car parent object, in inspector click add component. Select Box Collider (Fig 8). (According to object you can add any collider you want)

&#x20;

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FiefXx62kYQgObKf7rdnr%2Fimage.png?alt=media&amp;token=2a432204-e37d-4f42-b45b-34f99b72c292" alt=""><figcaption><p>Fig. 8</p></figcaption></figure>

9\.      Click Edit collider button under collider component. Then it will appear green box on your 3D model. Edit it by dragging small green dots to adjust the size of collider same as object size.

&#x20;

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2F5VA2a6xe7LIoyrNumBGX%2Fimage.png?alt=media&amp;token=82d531b2-38c7-4a83-8b2e-085024e980dd" alt=""><figcaption><p>Fig. 9</p></figcaption></figure>

10\. Click the 2D button in the scene. It will exit 2D view from the scene. Then it will show a side view of your object. From that view you can adjust the collider box further height and length of object.

&#x20;

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FNu2haRjcgkxVbnk8K0JL%2Fimage.png?alt=media&amp;token=235ef9bc-32f9-450d-a77e-0f651f8004c0" alt=""><figcaption><p>Fig. 10</p></figcaption></figure>

11\. Once you adjust the collider box, Go to Assets-> AReality Placer -> Prefabs folder. Drag and drop Car parent gameobject into this prefabs folder. (Fig. 11)

&#x20;

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FGkyPSOYrAJYDthnbDJqI%2Fimage.png?alt=media&amp;token=70aa6df6-bc00-4e02-aa2e-45937d508db7" alt=""><figcaption><p>Fig. 11</p></figcaption></figure>

12\. Now delete Car object from hierarchy window. Right click on Car object in hierarchy window and click delete option in the menu. (Fig. 12)

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2Ft9E4xLU636dOTurDezeb%2Fimage.png?alt=media&amp;token=021222e3-cdda-4894-999d-913349004d58" alt=""><figcaption><p>Fig. 12</p></figcaption></figure>

13\. Then select Object Handler gameobject in hierarchy window. In inspector you can see all 5 objects currently show in our app. You can remove objects if you don’t want by select object and click – icon on right bottom corner. For demonstration We remove all these objects. (Fig. 13)

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FEYAXD4PotlIDwOMsi8FI%2Fimage.png?alt=media&amp;token=6de1107f-587d-4778-bf58-b92a7cb7978b" alt=""><figcaption><p>Fig. 13</p></figcaption></figure>

14\. Then we click this plus (+) button to add new AR object. (Fig 14)

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FxBV5ladqHWwlp0mUA0sn%2Fimage.png?alt=media&amp;token=3205c611-f3a8-4cf8-848c-1e6aaa261c2a" alt=""><figcaption><p>Fig. 14</p></figcaption></figure>

15\. Then we drag and drop our Car prefab from prefab folder to Placement object. Change the Name of our object “Car”. To add the icon click circle next to object icon. Then search for your icon and select it. (Fig 15)

&#x20;

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FuFVwK76sKbztZCxlOVpT%2Fimage.png?alt=media&amp;token=6895cc2e-8a1a-4060-8499-deacd2e50f2d" alt=""><figcaption><p>Fig. 15</p></figcaption></figure>

16\. Now you can build the app and see the result. You can see the object under AR objects in the app. Click the button when the target appears. It will show your object. (Fig. 16)

&#x20;

<figure><img src="https://2944152765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVNhAohoZ919Hs0stKiUj%2Fuploads%2FYyOhGeIFLBgrdDcGO2yH%2Fimage.png?alt=media&amp;token=afcbe5c4-17a5-49aa-a45e-eab2f8108a19" alt="" width="271"><figcaption><p>Fig. 16</p></figcaption></figure>
